Tutorial: Build a TextField component using Context API and composition
...
Solutions
Tutorial: Build the Linkedin "Add experience" form
...
Tutorial: Build a Github repositories search page with sorting and pagination
...
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
...
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
...
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.
