Tutorial: Build a Github repositories search page with sorting and pagination
...
Solutions
Tutorial: Build a custom useFetch hook
...
Tutorial: Build a budget app dashboard
...
Tutorial: Build a restaurant reservation widget
Let's start building the reservation widget by just adding a button that opens a dialog. For the UI we will use Headless UI, so let's install that first: npm install @headlessui/react@latest We can create all our components under src/components. First, we'll ...
Tutorial: How to build a Pomodoro app
...
Tutorial: Build a Public Holidays app
First step in building the challenge is to inspect the OpenHolidaysAPI. What is the API request we need to make to retrieve the list of holidays for a country? When we go to the OpenHolidays API page, we can see we can try out the API, so let's ...
Tutorial: Build a simple auth app with Supabase
...
Tutorial: Build the Github Issue Filter component
...
Tutorial: Build an infinite scrolling list of Pokémon
...
Tutorial: Build a Typewriter effect component
...
Tutorial: Show top 10 articles from Hacker News
...
How to build a drag and drop to- do list
...
Tutorial: How to build a Notes app with React Query
...
Tutorial: How to build a memory game
...
Tutorial: How to build an Accordion component in React
...
Check your work: Add persistence to local storage for an existing app
...
Tutorial: Build a button using test driven development
...
Tutorial: Build a shopping cart
...
Tutorial: Create a custom hook that allows saving items to the local storage
...
Tutorial: Build a Contact Book app
...
Get the React Practice Calendar!
28 days of focused practice of increasing difficulty, going through everything from Fundamentals, Data fetching, Forms and using Intervals in React.
You will also get notified whenever a new challenge is published.
