SOLID JavaScript

on YouTube ↗38m

" summary

Applies SOLID to real JavaScript: shows a React component that fetches data in-component and how to pull API code out so components only render, demonstrates prototype-based extension by creating Task and UrgentTask and copy prototype to extend rather than modifying originals, uses the printer job story to justify a facade over legacy code, and recommends passing save/handlers in to follow dependency inversion. Examples compile and run in the talk, proving these adaptations make front-end code easier to maintain.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and context
2. 2:35SOLID principles overview
3. 6:58Single responsibility in JavaScript
4. 12:06Open/closed principle explained
5. 20:51Liskov substitution principle
6. 29:25Interface segregation in JavaScript
7. 35:08Dependency inversion simplified
8. 36:57Applying SOLID to existing code

" related talks

• 31mGetting up to Speed with JS TodayTejas Kumar · CityJS Berlin 2024
• 19mSolidJS: Reactivity UnchainedRyan K Carniato · JSNation Conference 2022
• 18mIntro to Solid.js for React Developers (or anyone else)Travis Waith-Mair · Conf42 JavaScript 2022
• 59mDeveloping React Applications with Functional ComponentsVenkat Subramaniam · Great International Developer Summit 2023
• 17mSupercharging React Performance with JavaScript Signal OptimisationSubham Bhattacharjee · React Alicante 2023
• 27mUnderstanding JavaScript Libraries via React and the React EcosystemAndrew Pinkham · DjangoCon US 2017
• 21mAsk not what JavaScript can do for youJon Bretman · JSConf EU 2013
• 29mThe World Beyond ComponentsRyan K Carniato · JetBrains JavaScript Day 2022