- What is ES6?
- Understanding “let” & “const”
- Arrow Functions
- Import & export
- Understanding classes, methods & properties with babel
- Spread & rest operators
- Reference & primitive types
- Why React & history of React
- Installing the development environment
- Using the create-react-app package
- Understanding the project structure
- Templating with JSX
- Running our react application
- Working with Components
- Working with props
- Understanding children property
- Using state
- Class-based components
- Functional components
- Handling events with methods
- Manipulating state
- Adding two-way binding
- Adding styles with stylesheet
- Style with inline styles
- Setting styles dynamically
- Setting classNames dynamically
- Rendering content conditionally
- Handling dynamic content
- Generate lists using the map method
- List & state
- Key prop
- Splitting the app into components
- Stateful & stateless component
- Understanding component lifecycle
- componentDidMount() & componentWillMount()
- Pure component
- Using ref
- Creating HTTP request to GET data
- Rendering data properly to frontend
- POSTing data to the server
- Sending a DELETE request
- Handling errors
- Setting up the router package
- Rendering components for routes
- Switch between pages
- Redirect requests
- Navigating programmatically
- Conditional redirects
- Working with nested routes
- Why redux
- Installing the package
- Setting up reducer & store
- Dispatching actions
- Connect react to redux
- Passing & retrieving data with actions
- Combining multiple reducers
- Using redux devtools
- Building the project
- deploying it