Outcomes
By the end of the course, learners will be able to:
Primary source of the course: https://www.udemy.com/course/react-redux-tutorial/ Course contributors:
|
Level: | 02 |
Duration: | 40 Hours | |
Pre-requisites: | HTML: Level 01 | |
What’s next: | ReactJS: Level 03 |
Lessons
Forms and Form Validation
- Handling Form Submission
- Adding Custom Form Validation
- Adding Validation Feedback
- Showing Error Messages
- Handling Overall Form Validity
- Analysing the App
- Creating a Custom Dynamic Input Component
- Setting Up a JS Config for the Form
- Dynamically Create Inputs based on JS Config
- Adding a Dropdown Component
- Handling User Input
Redux
- Adding Subscriptions
- Connecting React to Redux
- Connecting the Store to React
- Dispatching Actions from within the Component
- Passing and Retrieving Data With Action
- Switch-Case in the Reducer
- Updating State Immutably
- Updating Array Immutably
- Immutable Update Patterns
- Outsourcing Action Types
- Redux Introduction
- Combining Multiple Reducers
Redux advanced burger project
- The Order Reducer
- Working on Order Actions
- Redirect to Improve UX
- Combining Reducers
- Handling Purchases & Updating the UI
- Fetching Orders (via Redux)
- Installing the Redux Devtools
- Creating Action Creators
- Fetching Ingredients Asynchronously
- Initializing Ingredients in the BurgerBuilder
- Setting Up Reducer and Store
- Connecting Contact Data Container & Actions