Ever wondered what to build next to practice your React skills? It's easy to get stuck thinking instead of just building things! So today I'm sharing with you 100 React practice project ideas ✏️. Wondering what to build based on your skills? Just make the app simpler ...
React 19 was just launched with a lot of new improvements to how we use forms. I wanted to get a before and after look of how to build forms in React, so I created a simple newsletter subscribe box to showcase the differences: Here is how the form would ...
Most interviews nowadays have some sort of coding challenge - either a live test or a take home assignment. It's common to blow these up if you don't "warm up" before hand. Here are 7 challenges perfect to prepare for an interview! Set aside ...
When working with intervals, it's important to also clear them. You can achieve this by passing the interval id you received when starting the interval to the clearInterval function: // start an interval and get its id const intervalId = setInterval(() => console.log('hello'), 1000); // clear the ...
Say we have a Date object representing five minutes: const fiveMinutes = new Date(0, 0, 0, 0, 5, 0); How can you format this date to display "5:00"? The easiest way is using Intl.DateTimeFormat browser API (see docs). This formats the Date as a string, according ...
Say you want to start a countdown timer when a user presses a "Start button". How would you build this in React? One common way I see - and it's even suggested by ChatGPT - is to have a state variable that remembers if the timer ...
The Intersection Observer API allows us to easily check if two items are intersecting. Here is a simple example that checks when the user has reached the end of the page: 0:00/1× In plain Javascript, you would use the Intersection Observer API as follows: <html> < ...
Building a custom backend for your apps can be fun and is definitely something I recommend doing at some point. But when you're in the middle of learning React and you just want to practice frontend concepts, it's great if you don't have to ...
The official React docs recommend using a framework with React, but sometimes you don't need all the bells and whistles that come with that. Vite is the recommended alternative and it even provides a command line tool to scaffold a basic React project. So why do you need ...
