Introduction
- Introduction
- What this course is Not
- Create a react app
- Understanding folder structure of a react project
Components and JSX in React
- What is JSX in React
- Class based component
- Functional based component
Props in React
- What is Props and pass data using props
- Pass functions as props
- Pass data from child component to parent component
State and State management using SetState
- What is State in react and how to manage state using SetState
Lifecycles methods in React
- ComponentDidMount , ComponentDidUpdate and ComponentWillUnmount - In Details
Handling events and Forms in React
- How to work with forms and handle events in react
API integration , List and Keys in react
- Fetch data from API and render as lists and understand keys
Hooks in React
- UseState Hook
- UseEffect Hook
- Context and UseContext Hook
- UseReducer Hook
- UseRef Hook and DOM elements
Course Project - React Movie App
- Project Introduction
- Basic structure setup
- Creating Global context and state
- Calling movie API to get data and implementing movie list component
- Implementing loading state while calling API
- Implementing background theme
- Implementing localstorage functionality
Advanced Concepts In React
- Create Custom Hooks - UseFetch Hook
- Higher Order Component in React
- Error Boundaries in React
