Ganesh Khutwad
JavaScript
SCHOOL OF
React
Web Development
Javascript Before Starting React
1. var/let/const keywords
2. Arrow functions
3. The literal notations
4. Template strings
5. Destructuring arrays and objects
6. The rest/spread operator
7. Callback, promise, async-await
8. Closure
9. Modules import/export
10. Classes and inheritance
11. Array functions (map, filter, reduce)
12. Conditional and short circuit expr.
13. Timeouts and intervals
14. DOM manipulation
15. Project with pure JS, HTML and CSS
React Fundamentals
1. Setup(NodeJS and NPM Installation)
2. What is React
3. React code without JSX
4. What is JSX and restrictions
5. Rendering elements
6. Components and props
7. State and lifecycle (useState,
useEffect)
8. Conditional rendering
9. Lists and keys
10. Thinking in React
11. Build app to learn above concepts.
React Intermediate
[Link] new app to revise
fundamentals and additional concepts
2. Forms management
1. useRef
2. Uncontrolled Component
3. Controlled Component
[Link] integration
[Link] API calls with Axios
[Link] up mock server to handle REST
APIs
[Link] integration with React
React Advanced
1. Context
2. Error Boundaries
3. Portal
4. Forwarding refs
5. Fragments
6. Higher order Components
7. Render props
8. Custom hooks
9. useCallback, useMemo
[Link] with propTypes
[Link] mode
