Learn React.js
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
Build a Multi-Language Translator in React using ChatGPT! Create an app where users can translate text into different languages using AI. Improve your React and AI skills with this project!
4hrs average
Create a Snake game in React! Build the classic game where you control a snake to eat food and grow while avoiding collisions. Learn to manage state, implement movement logic, and handle user input.
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
16hrs average
Create a simple todo web app using the React.js framework
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
4hrs average
Build a basic e-commerce app with Next.js! Create a simple online store with product listings, a shopping cart, and a checkout page. Learn Next.js fundamentals and enhance your web development skills.
4hrs average
Build a Memory Game with React: Find the Pairs! Develop a classic memory game where the objective is to find matching pairs of cards. Learn to manage card states and implement game logic to check for matches. Enhance your React skills with this engaging project!
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
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.
4hrs average
Build a Project Ideas Generator using AI and React! Create a React app that uses ChatGPT's API to generate project ideas based on user input. Enhance your coding skills with this interactive project!
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
24hrs average
Create a simple contact list application using React.js