Reactive Programming, State Management, and Redux for the Modern Front End Dev

on YouTube ↗01h 00m

" summary

A concise walkthrough of reactive state shows a working Animal Crossing villagers demo that fetches, filters, sorts and favorites via an observable pipeline; implementation comparisons include a full Redux-style store with NgRx effects and selectors (actions → API → loaded action → reducer) and a lighter Akita store, plus a BehaviorSubject DIY store version. Claims: immutable, declarative state prevents scattered imperative updates; tooling demonstrated (RxJS, NgRx, Akita, Chrome Redux DevTools) and each approach is shown working with pros and cons.

AI-written summary · about

" chapters (10)

1. 0:00Reactive Programming, State Management, & Redux for the Modern Front End Developer Jennifer Wadella
2. 3:53Problems with Modern JavaScript Development
3. 6:37Imperative Approach When events occur, code runs and changes the state of the program.
4. 11:24Declarative Approach Specifying HOW the state of a program should be altered.
5. 13:20Reactive Programming A declarative programming style concerned with data "streams" and propagation of change.
6. 13:47(Reactive Extensions for JavaScript) is a library for reactive programming using observables that makes it easier to compose asynchronous or callback-based code.
7. 19:37State Management An organized approached to maintaining the state of your application data in a way that can be written to and read from.
8. 21:35Redux 101 Store: An object tree representing the state of your application. Action: An object describing how to modify the state.
9. 48:11Akita Cons . Subscription Management Not super clear where to put logic
10. 55:43Demo Repo: Demo

" related talks

• 36mModern React and the case for Reactive State ManagementMichel Weststrate · YGLF 2019: Code Camp
• 49mRedux, beyond ReactAaron Powell · NDC London 2017
• 40mReactive Programming: A Better Way To Write Frontend ApplicationsHannah Howard · Strange Loop 2018
• 34mReactive State Management For Your Angular AppMaxim Salnikov · AngularUP 2017
• 18mDestructuring state management (in React)Adrian Mróź · ConfrontJS 2022
• 41mThe Battle of State Management in modern frontend applicationsEvangelia Mitsopoulou · Voxxed Days Thessaloniki 2023
• 36mThe Flux Pattern: MVC Framework for DataRob Richardson · Developer Summit 2020
• 20mSubjecting State to Good BehaviorKim Maida · ng-conf 2019