Angular IVY with Composition API: the next level of reusability
summary
Claims that Angular Ivy plus a small Composition API reduces huge God components by splitting features into explicit API classes and services, using mixins with static props to avoid implicit dependencies, observable lifecycle events to hook features without template async state, and the new component store or NG effects patterns for local state. Shows concrete examples: Material checkbox split, autocomplete at ~1500 lines, and a city-typeahead rewritten to three setup lines. Prototype lands in ngx-bootstrap, aims for minimal private Angular API and measurable boilerplate reduction.
AI-written summary · about
chapters (10)
- 0:00Introduction to Angular IVY
- 1:45Problem with reusable components
- 4:13Existing Angular patterns
- 9:28Composition API motivation
- 11:32Splitting component logic
- 17:54Observable lifecycle events
- 20:44Functional split options
- 22:48Feature integration in Angular
- 26:20Reducing boilerplate code
- 29:11Summary and future plans
