4Geeks logo
About us

Learning library

For all the self-taught geeks out there, here is our content library with most of the learning materials we have produced throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

Search from all Lessons

Social & live learning

The most efficient way to learn: Join a cohort with classmates just like you, live streams, impromptu coding sessions, live tutorials with real experts, and stay motivated.

Learn Reactjs

Lessons, exercises, and projects about Reactjs

Browse our list of curated database of projects, exercises, and lessons to learn ReactJS

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

Read article
  • reactjs

  • flux

  • context-api

Create a Todolist with Context.API and Flux

  • intermediate

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

Start project
  • reactjs

  • javascript

  • react-hooks

Simple Counter

  • beginner

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

Start project
  • reactjs

  • javascript

  • react-hooks

TicTacToe with React.js

  • easy

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

Start project
  • bootstrap

  • reactjs

Personal Portfolio with React

  • easy

Steps to create your first personal porfolio using React.js

Start project
  • reactjs

  • javascript

  • inputs

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

Read lesson
  • reactjs

  • javascript

  • fetch-api

Todolist Application Using React and Fetch

  • beginner

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

Start project
  • bootstrap

  • html-css

  • reactjs

Landing Page with React

  • easy

Create a simple landing page using React.js components

Start project
  • flask

  • reactjs

  • javascript

Authentication system with Python Flask and React.js

  • beginner

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.

Start project
  • 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

Read lesson
  • reactjs

  • flux

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.

Read lesson
  • reactjs

  • javascript

  • react-hooks

Contact List App Using React & Flux

  • intermediate

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

Start project
  • reactjs

  • node

  • javascript

JWT Authentication with Node and React

  • intermediate

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.

Start project
  • reactjs

  • javascript

  • react-hooks

Learn React.js Interactive Tutorial

  • easy

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

Start exercise
  • reactjs

  • javascript

  • front-end

React Hooks Explained

Read lesson
  • reactjs

  • javascript

  • git

Multi View React Web App

  • easy

Create a web app using React router and Context

Start project
  • reactjs

  • javascript

  • flux

Contact List App Using React & Context

  • intermediate

Create a simple contact list application using React.js

Start project
  • reactjs

  • javascript

  • react-hooks

Traffic Light

  • beginner

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

Start project
  • reactjs

  • javascript

  • react-router

Routing our Views with React Router

Read lesson
  • 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.

Read lesson
  • reactjs

  • javascript

  • react-hooks

Audio player like Spotify with React.js

  • intermediate

Use the audio tag to create your own music player

Start project
  • reactjs

  • javascript

Todolist Application Using React

  • intermediate

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

Start project
  • reactjs

  • javascript

Global state with the Context API

Read lesson
  • flask

  • reactjs

  • javascript

Final Project User Stories & Wireframes

  • intermediate

Create the users stories for your final project

Start project
  • html-css

  • reactjs

  • javascript

The Meetup.com Clone using react.js

  • intermediate

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

Start project
  • reactjs

  • javascript

  • react-router

Starwars blog reading list

  • intermediate

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.

Start project