Unleash the power of the Angular CDK

on YouTube ↗29m

" summary

Angular CDK delivers concrete building blocks: virtual scroll renders thousands while keeping DOM small (demo hits ~500 items instantly and scaled toward a million with minor slowdown), drag and drop uses cdkDropList/cdkDrag with moveItemInArray and transferArrayItem to enable cross‑list reordering with zero builtin styling, and portals create a DomPortalHost to render components into a new browser window, copy styles, and clean up on destroy so a multiwindow UI actually works.

AI-written summary · about

" chapters (7)

1. 0:00Introduction and background
2. 1:59The UI library dilemma
3. 4:21Introduction to Angular CDK
4. 6:25Virtual scrolling demo
5. 11:12Drag and drop functionality
6. 16:16Portals and multi-window apps
7. 27:55Conclusion and resources

" related talks

• 19mCDK Is The Coolest Thing You Are Not UsingJeremy Elbourn · ng-conf 2019
• 31mCool interaction made simple with Angular Material CDKNg Tong Sheng · NG-MY 2019
• 34mBuilding component libraries using the Angular CDKAustin McDaniel · Uphill Conf 2018
• 43mDrag-and-Drop Isn't a Drag with Angular Material CDKAndrew Weins · Windcity DevFest 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
• 23mAngular CDK and Material in 2018Jeremy Elbourn · NGConf 2018
• 25mAngular Material CDK, Datatables and moreElad Bezalel · AngularUP 2017