Custom widgets for Angular2? Piece of cake!
summary
Migrating Bootstrap widgets into Angular 2 produces the ng-bootstrap library with concrete wins: Ahead‑of‑Time, server‑side rendering and web workers compatibility, hundreds of automated tests across real browsers including IE, and RXJS-based typeahead that replaces 20+ attributes with 8. The template tag keeps expensive tab content inert until shown, ContentChildren queries give an observable live children list, directive instance exporting enables a programmatic API, and simple use of OnPush reduces code (tabset and similar widgets about half the lines). ng-bootstrap template tag OnPush
AI-written summary · about
chapters (24)
- 0:00Intro
- 0:30Why this talk
- 1:15My experience
- 1:53Native widgets
- 3:31Testability
- 5:08Quality matters
- 5:18Binding syntax
- 6:04Documentation
- 6:46Angular2 Documentation
- 7:07Template Tags
- 8:46Parenting
- 9:40Queries
- 10:47Instance reference
- 13:05Different APIs
- 13:23CSS encapsulation
- 13:40Real life example
- 14:06Wheres Rob
- 14:54NGB typeahead
- 16:36Positioning logic
- 17:10Writing directives
- 17:52Number of lines of code
- 20:30Serverside rendering
- 22:13Animations
- 23:59Outro
related talks
51mScalable User Interfaces with Angular 2
19mAngular Components
28mServer-side rendering with Angular 2
27mAngular Material or Bootstrap? Stop asking the question!
33mHow the web ecosystem shaped Angular 2
47mAngular2 the New Kid on the Block
25mWeb components with Angular: The what, the why and the how.
21mStrategies for Server Side Rendering Angular Applications