| Topic |
Description |
| React Home |
Introduction to React and overview of the course content |
| React Intro |
Learn what React is and why it is used |
| React Get Started |
Set up and start working with React |
| React Upgrade |
Upgrade React versions in projects |
| React ES6 |
Understand how ES6 is used in React |
| ES6 Classes |
Work with ES6 classes in React |
| ES6 Arrow Functions |
Use arrow functions for cleaner code |
| ES6 Variables |
Learn about ES6 variable declarations |
| ES6 Array Methods |
Work with arrays using ES6 methods |
| ES6 Destructuring |
Extract values using destructuring |
| ES6 Spread Operator |
Use the spread operator in React |
| ES6 Modules |
Organize code with ES6 modules |
| ES6 Ternary Operator |
Use ternary operators for conditionals |
| React Render HTML |
Render HTML elements in React |
| React JSX |
Learn JSX and how it works |
| React Components |
Build reusable components |
| React Class |
Understand class components |
| React Props |
Pass data between components using props |
| React Events |
Handle events in React applications |
| React Conditionals |
Render components conditionally |
| React Lists |
Render lists dynamically in React |
| React Forms |
Handle forms and user input |
| React Router |
Manage navigation in React apps |
| React Memo |
Optimize performance with React Memo |
| React CSS Styling |
Style components with CSS |
| React Sass Styling |
Use Sass for styling in React |
| What is a Hook? |
Introduction to React Hooks |
| useState |
Manage state in functional components |
| useEffect |
Handle side effects in React |
| useContext |
Manage global state with Context API |
| useRef |
Access DOM elements with useRef |
| useReducer |
Manage complex state logic |
| useCallback |
Optimize function performance |
| useMemo |
Optimize computations with useMemo |
| Custom Hooks |
Create reusable logic with custom hooks |