Why should You Care about Functional Reactive Programming

on YouTube ↗27m

" summary

Shows converting a thousand-line Angular component into a small RxJS pipeline and pure helpers, making side-effect hunting disappear and unit tests trivial. Implements a live Wikipedia search using debounceTime + distinctUntilChanged + switchMap to avoid callbacks, then maps results to titles and extracts fields with Ramda pipe so three messy map lines become reusable pure functions. Uses the async pipe to avoid manual subscribe/unsubscribe. Demonstrates the refactor works end-to-end and claims maintainability and testability improve dramatically.

AI-written summary · about

" chapters (14)

1. 0:00Introduction to FRP
2. 2:22Problems with mutable state
3. 3:49Pure functions explained
4. 6:40Functional programming basics
5. 7:46Reactive programming defined
6. 8:29Issues with Promises
7. 9:32Demo: Wikipedia search
8. 11:19Functional reactive programming
9. 13:30Refactoring API calls
10. 16:43Simplifying data extraction
11. 19:39Composing functions
12. 21:11Benefits of FRP
13. 22:37Async pipe in Angular
14. 25:24Q&A and summary

" related talks

• 42mConquering Time with Functional Reactive ProgrammingSergi Mansilla · GOTO Amsterdam 2014
• 29mHow to use Functional Programming with Angular and why it’s a good ideaMiłosz Piechocki · Ng-Poland 2017
• 54mReactive Angular 2Rob Wormald · Jazoon TechDays Spring 2016 Bern
• 51mReactive programming in AngularYakov Fain · Devoxx US 2017
• 37mReactive Programming with RxJSShmuela Jacobs · ReactiveConf 2017
• 32mMastering Reactive Programming with RxJSSaif Jerbi · ConFrontJS 2019
• 33mStop Micromanaging State and Start Being ReactiveLara Newsom · NG-DE Conference 2022
• 23mHow we’re embracing functional programming to build a large SPAAnton Abilov · JSConf US 2019