Educative – Understanding Redux: A Beginner’s Guide To State Management
This product will available in 2-3 weeks later after you pay.
THIS COURSE IS A BEGINNER’S GATEWAY INTO THE MECHANICS OF USING REDUX AS AN APPLICATION BUILDING PLATFORM. Also
Introduction
WHAT IS REDUX?
Why use Redux?Preview Also
Explaining Redux to a 5 year OldPreview Understanding Redux: A Beginner’s Guide To State Management
Redux StorePreview Also
Actions in Redux
Redux Reducer Also
The Power of ReduxPreview
YOUR FIRST REDUX APPLICATION UNDERSTANDING REDUX: A BEGINNER’S GUIDE TO STATE MANAGEMENT
INTRODUCTION
The Structure of the React Hello World Application Also
Revisiting your Knowledge of Redux
Creating a Redux STORE Also
The Store and Reducer Relationship
The Reducer Understanding Redux: A Beginner’s Guide To State Management Also
Getting back to the Refactoring Process
The Second createStore Argument Also
Possible Gotcha
Conclusion and Summary Also
Introducing Exercises
Exercise: User Card Also
Exercise Solution
UNDERSTANDING STATE UPDATES WITH ACTIONS
Introduction
WHAT IS A REDUX ACTION?
Handling Responses to Actions in the Reducer
Examining the Actions in the ApplicationPreview Also
Introducing Action Creators
A Quiz on Actions Also
Bringing Everything Together: Index Files
Bringing Everything Together: Buttons Also
Actions Dispatched. Does this Thing Work?
Making the Reducer Count Also
Bringing Everything Together: Handling Button Clicks
Returning the State from the Reducer Also
Subscribing to Store Updates Understanding Redux: A Beginner’s Guide To State Management
Important Note on Using store.subscribe() Also
Almost Done
Conclusion and Summary Also
Exercise Solution: Bank Application
Exercise Solution: Time Counter Also
A Quiz in Redux Theory
Exercise 1: Bank Application Also
Exercise 2: Time Counter
BUILDING SKYPEY: A MORE ADVANCED EXAMPLE
Introduction
Resolving the Initial App Layout: The Main
Planning the Application
Resolving the Initial App Layout: Laying Down The Foundation
Resolving the Initial App Layout: The Sidebar
BUILDING SKYPEY: DESIGNING THE STATE OBJECT
The State Object
Identifying the Relationships
Restructuring the State Object
The Messages Field
The Major Problem with Using Objects Over Arrays
Preserving the Order in Arrays
Recap on the Design of the State ObjectUnderstanding Redux: A Beginner’s Guide To State Management
Building the List of Users
Setting up the Store
Logging the State Object
Passing the Sidebar data via Props
BUILDING SKYPEY: THE USER COMPONENT
Building the User ComponentPreview
You Don’t Have to Pass Down Props Also
Container and Component Folder Structure
Refactoring to Set Initial State from the Reducer Also
Reducer Composition
Refactoring Skypey to Use Multiple Reducers Also
Reducer Composition Revisited
BUILDING SKYPEY: THE EMPTY SCREEN
The Active User Also
Passing the Props
Javascript Implementation Also
CSS Implementation
BUILDING SKYPEY: THE CHAT WINDOW
Rendering the Active User Also
Action Dispatch
Dispatch Recognition Also
Breaking the Chat Window into smaller components
BUILDING SKYPEY: HEADER AND CHAT WINDOW
The Header Component Also
Building the Header
The Chats ComponentPreview Also
Javascript Implementation For Chats
Chats Implementation Explained Also
Styling the Chat
Exercise: Delete Contact Also
Exercise Solution
BUILDING SKYPEY: MESSAGING
The Message Component Also
Building Message Input
Final Touches to the Message Input Component Also
Submitting the Form
Updating the Message State Also
Retaining Messages in the State
Exercise: Clear Message Field Also
THE SKYPEY APP
Tweak: Scroll Removal for New Messages
Conclusion and Summary Also
Exercises: Edit and Delete Messages
Exercise Solution Also
Also Get Educative – Understanding Redux: A Beginner’s Guide To State Management on Traderknow.com
Visit more course: FOREX TRADING COURSE
The same course: Bill Williams Eduard Altmann SMB Simpler Trading Van Tharp Atlas Api Training Trading Template Sunil Mangwani Sunil Mangwani Frank Paul . Also Market Delta Tradingacademy Simplertrading Urbanforex. Also Candlechartscom Dan Sheridan Pipsociety Atlas Api Training TopTradeTools Todd Mitchell Jerry Singh OpenTrader Alexandertrading Daytradingzones
Please contact email: [email protected]
Course Features
- Lectures 0
- Quizzes 0
- Duration 45 hours
- Skill level All levels
- Language English
- Students 91
- Assessments Yes