Architecting your next SPA

on YouTube ↗56m

" summary

Shows that React dominates with React ~2.5M weekly npm downloads while Angular and Vue trail roughly ~680k and ~360k and recommends picking based on ecosystem, not hype. Advises using CLIs (webpack/Babel hidden), TypeScript or Flow, and a state store — use Redux/MobX/Vuex/NgRx depending on framework — plus unit tests (Jest/Jasmine) and devtools for replayable debugging. Covers component patterns (container/presentational), scoped CSS pitfalls, web components, and prefers composition over inheritance.

AI-written summary · about

" chapters (15)

1. 0:00Intro
2. 2:39Single Page Applications
3. 4:43SPA Libraries Today
4. 9:53Requirements
5. 11:18Container / Presentational Components
6. 14:06Scoped Styles
7. 18:53Composition Over Inheritance
8. 19:56Component Comparison
9. 27:58Web Components
10. 32:10Flux today
11. 38:08Static Typing
12. 39:21Long Term Support
13. 40:54Unit Testing
14. 44:42Performance, Load Time
15. 46:16Better Criteria

" related talks

• 25mCreating the Ultimate Front End UI for a Single Page ApplicationKeerthana Krishnan · FOSSASIA Summit 2017
• 43mRethinking SPAs: web-native appsDavid Leitner · Agent Conf 2020
• 01h 02mChoosing a JavaScript FrameworkRob Eisenberg · NDC Oslo 2016
• 50mNavigating the React EcosystemBen Ilegbodu · All Things Open 2019
• 33mBuilding modern React applicationsGlenn Reyes · Codemotion Berlin 2019
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 51mDeep dive into modern frameworks Reactivity🔬⚛️Sylvain Dedieu · Devoxx Belgium 2024