Enhance your Functional Web Apps with Web Components

on YouTube ↗17m

" summary

Claims a full-stack, HTML-first framework named enhance.dev that uses the Begin CLI and cloud functions to server-render pages, pass JSON state into HTML, and progressively enhance with vanilla JS. Demo scaffolds a CRUD app, pulls the AWS SDK and stores records in DynamoDB, and shows forms that return both JSON and rendered HTML. Custom elements are pure functions and reuse markup across routes; the scaffolded create/read/update/delete form works live and hot-reloads during development.

AI-written summary · about

" chapters (5)

1. 0:00The problem with dependencies
2. 2:10Breaking vs. additive change
3. 3:59Progressive enhancement
4. 6:24Building with Enhance
5. 13:32Full-stack development

" related talks

• 46mSSR Web ComponentsSimon MacDonald · TheJam.dev 2023
• 02h 32mBuild next gen web apps using web componentsSumit Chaudhari · JSConf.Asia 2019
• 41mWeb Components: Maintaining and Reusing your FrontendJoy Heron · Agile on the Beach 2019
• 46mFuture-proof your Web Apps with Web Components and LitElementKito Mann · RVA JavaScript Conf 2019
• 41mLow-budget JavaScript: composable frontends that are fun and friendlyNatalia Venditto · CityJS Athens 2023
• 28mFunctional Web Apps: A New Paradigm For Web DevelopmentBrian LeRoux · LambdaConf 2024
• 44mWeb Components An Introduction to the FutureTobias Ljungstrom · NDC Oslo 2021
• 51mWeb Components without Frameworks: Productivity, Speed & IndependenceAdam Bien · JCON 2020