From .component() to @Component

on YouTube ↗41m

" summary

Shows concrete migrations from Angular 1.5 .component() to Angular 2 @Component using ES6 classes, live demos that work, and a small chat example with stateless/stateful/rooted components. Demonstrates one-way data flow replacing two-way binding, lifecycle hooks onInit/onChanges with cloning via Object.assign/angular.copy and a polyfill that backports .component to 1.3–1.5. Implements callbacks with & and Angular 2 EventEmitter, measures a 1–2 minute refactor path and shows the child → parent event roundtrip reliably firing on submit.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 21:30DIRECTIVES: WHAT NOT TO USE
3. 29:22STATEFUL COMPONENT
4. 31:56PROPERTY BINDING
5. 35:14STATELESS COMPONENT
6. 38:22ROUTED COMPONENTS

" related talks

• 43mUsing Components in Angular 1.5Jennifer Bland · ng-conf 2017
• 18mAngular 1.3 meets Angular 2.0Michał Gołębiowski · ng-conf 2015
• 47mTaking over the web platform with Angular 2Todd Motto · Front-Trends 2016
• 29mThe Angular RenaissanceAlyssa Nicoll · DevReach 2023
• 36mAngular Rebooted: Components EverywhereCarlo Bonamico, Sonia Pini · Codemotion Milan 2016
• 47mAngular2 the New Kid on the BlockGonzalo Ruiz de Villa · JSDayES 2015
• 44mThe Future of Angular: Faster, Lighter, StrongerLoïc Magnette · Voxxed Days Zürich 2025
• 15mUsing Angular 2 Components in a Non Angular appShridharan Chandramouli · UtahJS Conf 2017