/30-Days-Of-React-Solution

30 Days of React exercise solution

Primary LanguageJavaScript

30 Days of React Exercise Solution

Banner image

30 Days Of React Solution

Twitter URL Linkedin URL


Table Of Contents

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