Acknowledgements

• Instructor: Hitesh Choudhary
• YouTube Channel: Chai Aur Code
• React Playlist: Chai Aur React

Table of Contents

Week - 1

June 24, 2024

React JS roadmap | chai aur react series

Create react projects | chai aur react

1. How to create a react app
2. React roadmap explain

June 25, 2024

June 26, 2024

Understand the react flow and structure

1. Understand the folder structure
2. Understand the react flow structure
3. React injection in HTML
4. Difference between create react app vs vite
5. Create a custom component
6. Fragment

June 27, 2024

Create your own react library and JSX

1. Created custom react and understand the flow of data
2. How component parse behind the scene
3. How render method executed component
4. How React’s createElement method work
5. Evaluated expression
6. How evaluated expression parse in component
7. How JSX work and react official repo tour

Why you need hooks and project

1. General discussion on hooks
2. useState

06 Virtual DOM, Fibre and reconciliation

• How react virtual DOM work behind the scene?
• What is React Fiber algorithm?
• How diff work between actual DOM and virtual DOM?

June 28, 2024

Tailwind and Props in reactjs

1. What is tailwind?
2. Why use tailwind?
3. How to setup tailwind for react project?
4. What is props?
5. Why use props?
6. How props work?
7. How to reuse component?
8. How to destructor props?
9. How to use props?
10. How to setup default value for props?

A react interview question on counter

1. How use state update the value?

Building a react project | bgChanger

1. Background color change project
2. How onClick works?
3. What is the syntax limitation in onClick?
4. How to overcome the syntax limitation in onClick?

June 29, 2024

useEffect, useRef and useCallback with 1 project

1. useState
2. useEffect
3. useCallBack

June 30, 2024

useEffect, useRef and useCallback with 1 project

1. useRefk
2. How to access clip board