Dependencies in Component-Based Web Done Right
summary
Describes a Yandex-designed approach to expressing dependencies between web UI components to avoid hardcoding, refactoring difficulty, and manual work. Shows how to apply the approach using Gulp and Webpack, and presents a package that enables building React projects this way and provides multiple inheritance for React components.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 3:50Traditional dependency approaches
- 8:10Explicit dependency problems
- 10:18Component declaration solution
- 13:38Dependency algebra and bundle optimization
- 15:02Component composition and dependencies
- 18:55Declarative templates and modifiers
- 22:59Layers and component overrides
- 27:37Working with layers
- 30:14React integration and tools
- 33:20Dynamic overrides and experiments
- 39:05Backward compatibility and adoption
- 40:33Conclusion
related talks
20mAvoiding vendor lock-in through Web Components
41mComponents Approach to Building Web Apps
22mInclusive development through web components
20mTaking Component Driven One Step Further
31mAn agnostic components design system for React
21mShared Components Beyond the Design System
46mBuilding Reusable Components ... That Are Actually Reusable
36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?