Learn React.js

Creating React Components - Learn what is and how to create a react component

Components are React.js bread and butter. Become a master creating react components using properties, the component state and learn the most common syntaxes

Start a basic project in React.js

Easy to use React.js boilerplate with no configuration

Deploy Your Project

APIs and libraries to integrate into your Fullstack projects

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.

Learn React Here : React Js Tutorial

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

Global state with the Context API

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

Create Your Own Snake Game in React!

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.

Full Stack Project User Stories

Discover key considerations and avoid common mistakes when choosing your final project. Learn from these experienced tips to ensure success in your project journey.

Contact List App Using React & Flux

Create a simple contact list application using the React.js framework and Flux Architecture

JWT Authentication with Node and React

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.

Todolist Application Using React and Fetch

Create a simple todo web app using the React.js framework and use the API to sync with the server

Landing Page with React

Create a simple landing page using React.js components

Authentication system with Python Flask and React.js

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.

How to use React Global Context?

Learn how to harness React Global Context to streamline state management in your applications. Master the power of global state for efficient data sharing.

React Createroot Vs Render

Discover the benefits of using React's createRoot function, introduced in React v18, as we explore its role in replacing ReactDOM.render

Start a React + Flask (Full-Stack) Project

Use Javascript, React.js, Python and Flask to build an entire full-stack application

Deploy to Heroku with Postgresql

Publish your website to Heroku

Deploy to Render.com

Publish your website to Render.com for free

Routing our Views with React Router

What are controlled and/or uncontrolled inputs in React.js

Build a Memory Game with React: Find the Pairs!

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!

Create a Todolist with Context.API and Flux

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

TicTacToe with React.js

Create a simple tictactoe 2 player game (no AI), using the React.js framework

Todolist Application Using React

Create a simple todo web app using the React.js framework

Multi View React Web App

Create a web app using React router and Context

Contact List App Using React & Context

Create a simple contact list application using React.js

Traffic Light

Create a small react component with its own state and event listeners

Start a web application with React & Flux

Use the Fullstack technologies to build professional apps using React.js

4Geeks Templates & Boilerplates Intro

Deploy to Heroku using MySQL

Publish your website to Heroku with a MySQL database

Optimizing your components with useReducer

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....

Learn What is React Flux

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.

React Hooks Explained

Logo generator using AI

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!

Simple Counter

Use your react.js skills to make a simple counter component

Audio player like Spotify with React.js

Use the audio tag to create your own music player

Personal Portfolio with React

Steps to create your first personal porfolio using React.js

The Meetup.com Clone using react.js

Use React and HTTP Fetch to create a Meetup.com clone

Starwars blog reading list

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.

Learn React.js Tutorial and Interactive Exercises

Learn and practice ReactJS using hooks, interactive tutorial with dozens of react exercises, get instant feedback with automatic grading and watch video solutions afterwards.