Cheng Lou - On the Spectrum of Abstraction at react-europe 2016
ReactEurope5 HN recommenders · recommended in 5 months, 2016–2022
talk · intermediate · evergreen · 2016–2022 on HN
Cheng Lou's react-europe 2016 talk lays out a mental framework for thinking about abstraction levels in JavaScript tooling, from Angular and Grunt to Webpack and React. It uses that framework to reason about the cost of abstractions and how to choose between…
HN points to it as thought-provoking material on the tradeoffs and costs of abstraction, especially in frontend tooling debates.
Up next
3 mo on HNThe Infinite Pattern That Never Repeats
Veritasium
4 HN recommender · 2021–2023
4 mo on HNJoe Armstrong - Keynote: The Forgotten Ideas in Computer Science - Code BEAM SF 2018
Code Sync
4 HN recommender · 2018–2022
3 mo on HNDiablo: Original Game Development
jon d
3 HN recommender · 2021–2023
4 mo on HNYouTubers have to declare ads. Why doesn't anyone else?
Tom Scott
6 HN recommender · 2021–2024
8 mo on HNContrepreneurs: The Mikkelsen Twins
Folding Ideas
10 HN recommender · 2022–2026
2 mo on HNThe Alt-Right Playbook: The Card Says Moops
Innuendo Studios
2 HN recommender · 2019–2025
4 mo on HNThe Alt-Right Playbook: How to Radicalize a Normie
Innuendo Studios
4 HN recommender · 2020–2026
7 mo on HNThe Voting System That Should Replace Every Election
CGP Grey
7 HN recommender · 2012–2021
14 mo on HNWhat the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
16 HN recommender · 2015–2025
13 mo on HNRich Harris - Rethinking reactivity
You Gotta Love Frontend
15 HN recommender · 2019–2026
10 mo on HNCrockford on JavaScript - Volume 1: The Early Years
YUI Library
10 HN recommender · 2013–2022
10 mo on HNRailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson
Confreaks
6 HN recommender · 2017–2020
6 comments from Hacker News
This talk is incredible food for thought: On the spectrum of abstraction by Cheng Lou (react-europe 2016) [1] If you've read some of the classics, such as Structure and Interpretation of Computer Programs (1979, Gerald Jay Sussman and Hal Abelson) [2], this talk is a really interesting look at the state of affairs on abstraction circa 2016. [1]: ▶ this video [2]: link
I know, this isn't a novel concept. There was a good talk about the spectrum of abstractions and the tradeoffs of template languages vs React's approach at React Europe a couple of years ago (in fact, he goes into that this means there are some optimizations that are simply unavailable to React): ▶ this video The question isn't whether DSLs or "just JS" are more powerful, the question is which tradeoffs they represent and which tradeoffs you prefer. It seems that HTMX is primarily based in the Python ecosystem and as a former Pythonista I see the advantage of having a DSL over having to write JS, especially that the former is much narrower, which is what you want in this situation.
React is more like 'Lambda the Ultimate Web Component'. A component is almost a function returns element. Expanding a component is like calling a function and give it the property. So you can have some abstract common behavior in HOC f and g, then you can have HOC `h = compose(f(g))`. A quick comparison with Angular: @Component({template, style}) seems composable if we stretch a lot. But why make template and style in the decorator... They are not something we consider most abstract at all. The function is the simplest yet composable abstraction over the template, Cheng Lou also has a really excellent talk on the topic: ▶ this video
The spectrum of abstraction: ▶ this video This is an high level talk. it guides on how to choose between competing solutions to a problem when the commonly accepted answer is "it depends"
For a more visual explanation of the "cost of abstractions" watch this presentation by Cheng Lou (Facebook). ▶ this video
Interesting that you should mention it. This talk ▶ this video mentions some arguments why a DSL would not be a good approach for frontend/JS build tools. Namely that a DSL isn't adequate if the underlying best practices or requirements change a lot. That's why operating at a higher level of abstraction (function chaining/piping/composition) would make more sense. Now... that doesn't really favor Webpack. And I still don't quite understand why that tool is so popular.