CDK Is The Coolest Thing You Are Not Using

on YouTube ↗19m

" summary

Repo gets renamed to angular component and CDK ships concrete features: cdkDrag with bounding-box support, cdkDropList and cdkDropListGroup for connected lists, and helpers like moveItemInArray and transferArrayItem. Live demo wires cdkDrag directives to array-backed to‑do and done lists, uses cdkDropList.data and a dropped event to update state, and shows dragging, reordering and cross-list transfers working end to end. Also mentions MDC Web integration and experimental components on npm.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to Angular CDK
2. 2:05Team rebranding
3. 3:21Drag and Drop demo part 1
4. 7:01Drag and Drop demo part 2
5. 10:28Drag and Drop demo part 3
6. 14:51Future of Angular Material

" related talks

• 43mDrag-and-Drop Isn't a Drag with Angular Material CDKAndrew Weins · Windcity DevFest 2019
• 29mUnleash the power of the Angular CDKNir Kaufman · ngVikings 2019
• 31mCool interaction made simple with Angular Material CDKNg Tong Sheng · NG-MY 2019
• 32mAngular Material CDKElad Bezalel · DevFest Ukraine 2018
• 01h 34mBuilding awesome components with the power of the Angular Component Dev KitKristiyan Kostadinov, Elad Bezalel · NGConf 2018
• 25mAngular Material CDK, Datatables and moreElad Bezalel · AngularUP 2017
• 23mAngular CDK and Material in 2018Jeremy Elbourn · NGConf 2018
• 34mBuilding component libraries using the Angular CDKAustin McDaniel · Uphill Conf 2018