- 30 Days of React Exercise Solution
- Table Of Contents
- 30 Days Of React
⚠️ Warning- Info
- Exercise Topics
React 30-day challenge repo for React, the library of the Javascript programming language.
Some packages and programs are needed to review the project and code.
This project was made with Vite. PNPM, Yarn package management system was used. PNPM and yarn must be installed on your computer.
You must have Node.js installed on your computer or the computer you are doing this exercise on.
npm install -g pnpm
npm install -g yarn
Day 10 of the project was done with CRA yarn.
Do not delete files in the application.
Step One
yarn add react-scripts
Step Two
yarn start
Day Number | Topics |
---|---|
01 | JavaScript Refresher |
02 | Introduction To React |
03 | Setting Up |
04 | Components |
05 | Props |
06 | Map, List, Keys |
07 | Class Component |
08 | States |
09 | Conditional Rendering |
10 | React Project Folder Structure |
11 | Events |
12 | Forms |
13 | Uncontrolled Component |
14 | Component Life Cycles |
15 | Third Party Packages |
16 | Higher Order Component |
17 | React Router |
18 | Fetch and Axios |
19 | Day 19 |
20 | Day 20 |
21 | Introducing React Hooks |
22 | Form Using React Hooks |
23 | Fetching Data Using Hooks |
24 | Projects |
25 | Custom Hooks |
26 | Context |
27 | useRef |
28 | Project |