Please enable JavaScript.
Coggle requires JavaScript to display documents.
ADvanced state Management in React (Mobx (Computed properties: getters and…
ADvanced state Management in React
understanding state
What is Application state
Types of State
Component state
Basic Component state
React Component State quiz
State Patterns and anti-patterns
Building jetsetter
jetsetter: render items and handle input
jetsetter: passing state
jetsetter implimenting Filter
State Architecture Patterns
Shared component State Problems
Introduction to the container Pattern
Container Pattern Demo
Higher Order Component
Providing Properties Pattern
Flux
Flux introduction and Code Demo
COding Flux
ACtion creators
store
Dispatcher and actions
using the store with a view
flux Conclusion and review
Exercise: implement Flux in jetsetter
Flux solution: Dispatcher and actions
Flux Solution:Item Store
Flux solution: using the item store in the view
Review
Redux and React
Hooking up redux to react
adding react dev tools
COnnect react and redux
Redux tradeoffs vs react setState()
react-redux: connect method
react-redux exercise and solution
redux solutoin: undo and redo
Redux thunk
Thunks: asynchronous Redux
Exercise: redux thunk
get Items form asynchonous api
async actions and debugging
thunk readeoffs
redux saga
Generator functions
Introductions to sagas
Setting up sagas
adding sagas to jetsetter
sagas exercise: Offices and dragons
redux sagas solution
saga helpers
Mobx
Computed properties: getters and setters
Decorators
Introduction to Mobx
Coding a simple Observable
Four components of Mobx
Mobx data structures: arrays, objects and maps
mobx with react
solution: setup models
solution: provide and Inject ItemList
MobXExercise: Model Methods
MobX solution: Models and Components
MobX review and Asynchronous
State Management approaches
Closing thoughts/ Final: State Tree Structure
Redux
Introduction to redux
redux compose
Redux store: createStore
Redux store: combineReducers
Redux store: createStore
Redux Dispatcher: bindActionCreators
Redux Middleware: applyMiddleware
REdux exercise and solution