Description
In this course, you will learn :
- How to create complete applications using React and Redux by building Tesla's Battery Range Calculator.
Syllabus :
1. Building React Components
- Project Setup and create-react-app
- Breaking Down the UI
- Header component
- TeslaBattery Container
- TeslaNotice Component
- TeslaCar Component
- Props and React Developer Tools
- State of Application
- TeslaStats Component
- Reusable TeslaCounter Component
- Aircon and Heating Controls
- TeslaWheels Component
- State Update
- Build
- Deploy
2. Using Redux to manage State
- What problem do we solve?
- Data flow in Redux
- Redux Core Concept
- Redux Three Principles
- Divide The App Into Containers and Components
- List State and Actions For Each Component
- Set up part 1 project code base
- Create Action Creators For Each Action
- Create Reducers For Each Action
- The views: smart and dumb components
- Provider
- How they all work together
- One more thing: Redux Dev Tools
3. Using CSS animations
- Introduction
- Warming up