Browse our list of curated database of projects, exercises, and lessons to learn React.js
Components are React.js bread and butter. Become a master creating react components using properties, the component state and learn the most common syntaxes
When you do a project for your Fullstack developer portfolio you want to show how far you can go. These APIs and libraries can help you make your project shine and get the attention of that recruiter who is looking for you.
React is a front-end library ideal for creating interfaces (generate HTML+CSS). It's the fastest, most advanced, and most wanted library in the market right now. Don't stay behind, learn React JS here with this React JS tutorial
The Context API is one of the most recent tools that the React.js team created to handle application data flow. It is the perfect companion for building small to mid-size applications without the need of a state management library like Redux
4hrs average
Create a Company Logo Generator using AI. Build a React app using ChatGPTโs API to generate logo descriptions from user input. Enhance your coding skills with this interactive project!
16hrs average
Use the audio tag to create your own music player
10hrs average
Steps to create your first personal porfolio using React.js
36hrs average
Use React and HTTP Fetch to create a Meetup.com clone
16hrs average
Create a simple to-read website for Star Wars fans. Use the SWAPI to fetch and React + React Router + Context to save the reading list.
8hrs average
Learn and practice ReactJS using hooks, interactive tutorial with dozens of react exercises, get instant feedback with automatic grading and watch video solutions afterwards.
Discover the benefits of using React's createRoot function, introduced in React v18, as we explore its role in replacing ReactDOM.render
Use Javascript, React.js, Python and Flask to build an entire full-stack application
Discover key considerations and avoid common mistakes when choosing your final project. Learn from these experienced tips to ensure success in your project journey.
24hrs average
Create a simple contact list application using the React.js framework and Flux Architecture
2hrs average
Almost every website in the world has user authentication, in this project you have to implement user authentication using NodeJS for building a backend REST API and React.js and sessionStorage API for the front end web application.
8hrs average
Create a simple todo web app using the React.js framework and use the API to sync with the server
3hrs average
Almost every website in the world has user authentication, in this project you have to implement user authentication using the Python Flask framework for building a backend REST API and React.js and sessionStorage API for the front end web application.
Learn how to harness React Global Context to streamline state management in your applications. Master the power of global state for efficient data sharing.
Use the Fullstack technologies to build professional apps using React.js
The React components are easy to optimize when necessary. For that we count on with the useReducer hook, which allows us to encapsulates not only the state of a component, but also the logic that comes with it. Now we'll see....
Without Flux, React is just a cute front-end library. React Flux will make it a framework, giving your application a defined structure, taking care of the data-processing layer, and much more about what is flux.
8hrs average
Use Flux for the first time, learn how to organize you application in a centralized store and how to replicate changes and notify using the Context.API
16hrs average
Create a simple tictactoe 2 player game (no AI), using the React.js framework
16hrs average
Create a simple todo web app using the React.js framework
24hrs average
Create a simple contact list application using React.js