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 is a library declarative and efficient
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 |
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 |
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 |
- clone the repo.
- choose the project.
npm install
npm run dev
Gdpp