Description
In this course, you will learn :
- How to build Tesla's Battery Range Calculator using React and Redux.
- Understand the fundamentals of React, but aside from that, this course walks you through the steps required to build each component, how to handle user interaction, and how to create cool animations.
Syllabus :
1. Building React Components
- Project Setup and create-react-app
- Breaking Down the UI
- Header component
- TeslaBattery Container
- TeslaNotice Component
- TeslaCar Component
- 1.8 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