How to Toggle Visibility in React
Building a customizable show/hide component
Learn how to create a customizable show/hide component for toggling visibility in React.
Building React Projects
Learn working in React with our guided roadmap📚 9 lessons • 📖 2.50 hours read in total
Learning is a continuous process. If you are already familiar with how React works, these projects will help you put theory into practice. Solidify your knowledge by building the following components and applications.
If you are new to React, be sure to take the React roadmap first. If you want to explore more React tutorials without a direction, you can filter for the tutorials you are interested in on our React category page.
How to Create an Infinite Scroll Component
With the help of the Intersection Observer APILearn how you can use the IntersectionObserver API in React to create a configurable infinite scrolling component.
How to Implement Drag and Drop
With the help of the HTML Drag and Drop APILearn how you can build a drag-and-drop Kanban board in React with the help of the native HTML Drag and Drop API.
How to Validate Forms in React
Using validation objectsLearn how to easily validate your forms in React in a declarative manner with the help of validation objects.
How to Make a Responsive, Animated Navbar
With dropdown functionalityLearn how you can create a responsive animated navbar component in React with the help of CSS media queries and transitions.
How to Build a Note Taking App
With the help of JSON serverLearn how you can use React with JSON server to quickly set up a backend for your application for mocking and prototyping.
How to Create Autocomplete Search
With support for keyboard navigationAutocomplete is a common feature for websites with a search bar. Learn how you can create an autocomplete search in React with keyboard navigation.
How to Make Feature Flags
Enable features with a click of a buttonLearn how you can implement feature flags in React to put your features behind a toggle.🔓 Unlock this lesson 
How to Build a Weather App from Scratch
Learn how to build a weather app from start to finishIn this 5 part series, you will learn how to build a weather app from scratch using hooks, providers, and the fetch API.
🗺️ Related roadmaps
Continue learningReact Roadmap
Learn React with our guided roadmapThis roadmap covers and takes you through the essential concepts in React, from JSX, props and state, to more advanced concepts like lazy loading, suspense and error boundaries.
JavaScript Projects Roadmap
Learn how to work with JavaScriptThis roadmap covers and takes you through various JavaScript projects to help you practice JavaScript while also building a portfolio of applications.
📚 More Webtips
Master the Art of Frontend
Unlimited access to hundred of tutorials- Access to exclusive interactive lessons
- Remove ads to learn without distractions
