From Imperative to Declarative

on YouTube ↗15m

" summary

Compares concrete code patterns: for loop vs reduce to build arrays, shows Set with hash constant lookup used to unique an array (TC39 implementation), demonstrates filter/map producing JSX to render a list of wizard objects with added punctuation, and contrasts jQuery’s direct DOM manipulation with React’s state-driven updates. Notes Big O tradeoffs (linear vs quadratic loops), shows declarative versions are cleaner and usually same runtime but imperative can be faster for tight hotspots.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 1:05Paradigms
3. 3:50Imperatives
4. 7:30Declaratives
5. 9:20Array Methods
6. 12:20Summary

" related talks

• 30mDeclarative by defaultBlake Johnson · UtahJS Conf 2025
• 16mThe Declarative MindsetMichael Pearson · UtahJS Conf 2023
• 11mIntroduction to functional programmingManju Vijayakumar · LeadDev Austin 2019
• 30mJavaScript prerequisites for React (hooks)Jad Joubran · reactjsday 2020
• 30mA Cartoon Guide to Performance in ReactLin Clark · Nordic.js 2016
• 31mUnderstanding Rendering PatternsAtila Fassina · revo.js 2023
• 28mThe State of React State in 2019Becca Bailey · React Conf 2019
• 28mHow to use Functional Programming in your React appNetta Bondy, Dafna Rosenblum · ReactNext 2019