README.md

REACT PROJECTS

This repository contains the combinations of Complete React Developer Zero To Mastery Course and React Zero Expert Course projects. Also contains a bunch of small projects that i made to practice the topics of ReactJs.

React Roadmap.

React is a library declarative and efficient

Temary.

Section	Topics
1.- Js Concepts.	Arrays, Objets, this keyword, Reference passing, DOM, Events and Async Js.
2.- React Basics.	Vite, Jsx, Events, Components, Props, State, Lifecycle, Conditional rendering and Basic hooks
3.- React Advanced	Context, Refs, UseMemo, UseReducer, Custom Hooks, HTTP Requests, High Order Components (HOC), Portals and Strict Typing
4.- Testing	React Testing library and Jest
5.- State Management	Redux, Zustand

React Ecosystem.

Section	Topics
1.- React Router	ReactRouter V6, json-server
2.- Server Side Rendering (SSR)	NextJs
3.- Static Site Generator (SSG)	Gatsby, Astro and Next.js
4.- Http	Apollo/GraphQl, Axios/Http and ReactQuery/Http
5.-Css	Style Components, CSS in JS and Material UI
6.- Mobile Apps	React Native

Projects.

Here's the table of the projects stored in this repo, the projects are organized based on the knowledge of topics required to complete them.

Name	Tier
1. Monster Rolodex.	1-Beginner
2. Counter App.	1-Beginner
3. Gif Library.	1-Beginner
4. Hooks App.	1-Beginner
5. Hooks Examples.	1-Beginner
6. Tasks App.	1-Beginner
7. Wheater App.	1-Beginner
8. BookStore App.	1-Beginner
9. React Crash Project.	2-Intermediate
10. Heroes App.	2-Intermediate
11. Toolkit Redux App.	2-Intermediate
12. Styled Components.	2-Intermediate
13. React Router Project.	2-Intermediate
14. Zustand demo Project.	2-Intermediate
15. React Redux demo Project.	2-Intermediate
16. React Formik Project.	2-Intermediate
17. Chakra UI Project.	2-Intermediate
18. React Router in depth.	2-Intermediate

Start projects instructions.

1. clone the repo.
2. choose the project.
3. npm install
4. npm run dev

Gdpp