Repolode
Submit
Asabeneh

Asabeneh/30-Days-Of-React

A 30-day, step-by-step course that teaches React from JavaScript basics through hooks, routing, and state management.

View on GitHub
Stars
27,524
Forks
7,662
Open issues
216
Last commit
2 months ago

What is it?

30 Days Of React is a tutorial repository organized as one lesson per day for 30 days. It starts with a JavaScript refresher and an introduction to React, then covers components, props, lists and keys, state, conditional rendering, events, forms, and controlled versus uncontrolled inputs.

The later days move into component lifecycles, higher-order components, React Router, fetching data with Fetch and Axios, and then hooks including useState-style forms, data fetching, custom hooks, Context, and Ref. Several days are hands-on projects, and the material is written in conversational English with exercises the reader can optionally solve.

The repository also includes setup instructions for Node.js, Google Chrome DevTools, and Visual Studio Code, plus guidance on forking the repo and committing daily solutions. It is aimed at readers who already know basic HTML, CSS, and JavaScript.

Key features

  • 01Covers React fundamentals from components and props to state and events.
  • 02Includes later topics such as React Router, Context, Ref, and custom hooks.
  • 03Organized as one lesson per day across 30 days.
  • 04Contains a JavaScript refresher for readers who need it.
  • 05Provides setup instructions for Node.js, Chrome DevTools, and VS Code.

Use cases

  • Learning React from scratch after getting comfortable with basic JavaScript.
  • Following a structured daily plan to build React skills over a month.
  • Working through the included projects and exercises to practice hooks and routing.

Quick start

  1. 1

    Fork and clone the repository

    git clone git@github.com:username/30-Days-Of-React.git
  2. 2

    Enter the project folder

    cd 30-Days-Of-React
  3. 3

    Install Node.js from the official site, then check the install

    node -v
  4. 4

    Open the first lesson and follow along

Things to know

  • The course is written as a tutorial with no license stated.
  • Some images and content come from another course and may need renaming.
  • The author notes the material has not been proofread.

Topics

#react#javascript#tutorial#web-development#hooks#react-router#frontend-learning#30dayofjavascript#challenge#css

FAQ

What is 30-Days-Of-React?
A 30-day, step-by-step course that teaches React from JavaScript basics through hooks, routing, and state management. 30 Days Of React is a tutorial repository organized as one lesson per day for 30 days. It starts with a JavaScript refresher and an introduction to React, then covers components, props, lists and keys, state, conditional rendering, events, forms, and controlled versus uncontrolled inputs.
Is 30-Days-Of-React free to use? What license does it have?
30-Days-Of-React has no declared license. Its code is public, but without a license you have no explicit permission to reuse it; ask the author before relying on it.
Is 30-Days-Of-React still maintained?
Updated within 6 months. The last commit to 30-Days-Of-React was on Aug 27, 2026.
What can I use 30-Days-Of-React for?
Learning React from scratch after getting comfortable with basic JavaScript. Following a structured daily plan to build React skills over a month. Working through the included projects and exercises to practice hooks and routing.
How do I install 30-Days-Of-React?
Fork and clone the repository: git clone git@github.com:username/30-Days-Of-React.git Enter the project folder: cd 30-Days-Of-React Install Node.js from the official site, then check the install: node -v Open the first lesson and follow along
Where can I get 30-Days-Of-React?
The source code and installation instructions are on GitHub: https://github.com/Asabeneh/30-Days-Of-React

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects