README.md

30 Days of React Exercise Solution

30 Days Of React Solution

Table Of Contents

• 30 Days of React Exercise Solution
• Table Of Contents
• 30 Days Of React
• ⚠️ Warning
  • ℹ️ NPM is considered downloaded.
  • ⚠️ Warning Node.js
  • Install Node.js
  • PNPM Install
  • Yarn Install
  • Vite Using
• Info
• Exercise Topics

30 Days Of React

React 30-day challenge repo for React, the library of the Javascript programming language.

⚠️ Warning

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.

ℹ️ NPM is considered downloaded.

⚠️ Warning Node.js

You must have Node.js installed on your computer or the computer you are doing this exercise on.

Install Node.js

Install Node.js

PNPM Install

npm install -g pnpm

Yarn Install

npm install -g yarn

Vite Using

Vite

Info

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

Exercise Topics

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