Building Complex Apps with plain Web Components

on YouTube ↗51m

" summary

Explains how to build complex single-page applications using plain Web Components, plain CSS, and modern JavaScript without frameworks. Covers concrete concerns: state management, component communication, routing, project structure, and enforcing unidirectional data flow for maintainable apps.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 3:44BCE Pattern
3. 4:50Unidirectional Data Flow
4. 7:30Code Structure & Design
5. 10:34Tools and Dependencies
6. 13:29Walking Through the Code
7. 17:10Redux Store Implementation
8. 26:20Component Logic
9. 32:20Backend Communication
10. 36:14Server-Sent Events
11. 42:11Q&A and Summary

" related talks

• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 01h 02mWeb Apps without FrameworksAdam Bien · W-JAX 2019
• 02h 32mBuild next gen web apps using web componentsSumit Chaudhari · JSConf.Asia 2019
• 24mA Frameworkless Approach to Building Your Single Page ApplicationAntonio Dell'Ava · CSS Day 2019
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)ConstructHubert Sablonnière · DevFest Lille 2019
• 39m50 Shades of Web ComponentsAleksey Nazarenko · Я люблю Фронтенд 2026
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring