Learn Reactjs

• Javascript

• ReactJS

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

• Flux

• ReactJS

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.

• Javascript

• Controlled Inputs

• Inputs

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

• Javascript

• React Hooks

• React useState

Simple Counter

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

• Javascript

• ReactJS

Audio player like Spotify with React.js

Use the audio tag to create your own music player

• Bootstrap

• ReactJS

Personal Portfolio with React

Steps to create your first personal porfolio using React.js

• Javascript

• git

• ReactJS

Multi View React Web App

Create a web app using React router and Context

• Javascript

• ReactJS

Contact List App Using React & Context

Create a simple contact list application using React.js

• Javascript

• React Hooks

• React useState

Traffic Light

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

• ReactJS

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

• ReactJS

Creating React Components

React.js bread and butter. Become a master in React Components and you have conquered the front-end world of React.

• ReactJS

• Javascript

• React useState

React Hooks Explained

• ReactJS

• Javascript

• React useState

Contact List App Using React & Flux

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

• Javascript

• Node

• JWT

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.

• React Context API

• postgres

• JWT

Final Project User Stories & Wireframes

Create the users stories for your final project

• Javascript

• HTML and CSS

• ReactJS

The Meetup.com Clone using react.js

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

• Javascript

• ReactJS

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.

• Javascript

• React Hooks

• ReactJS

Learn React.js Interactively

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

• Javascript

• React Router

• ReactJS

Routing our Views with React Router

• ReactJS

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

• Flux

• javascript

• context.api

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

• Javascript

• React Hooks

• React useState

TicTacToe with React.js

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

• Javascript

• ReactJS

Todolist Application Using React

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

• APIs

• Fetch API

• ReactJS

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

• Javascript

• Bootstrap

• HTML and CSS

Landing Page with React

Create a simple landing page using React.js components

• Javascript

• Python

• Flask

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.

• ReactJS

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.