ngAir 84 - Creating Angular 2 UI Libraries with Kyle Ledbetter

Creating Angular 2 UI Libraries

●      Intros to everyone and their interest in creating UI Libraries

●      CSS and handling styles in UI libraries

●      How do you embed css in ui components for distribution?

●      How can you distribute sass/less files as well?

●      How do you manage parent/children component communication? For example with a tabs component

●      What are the important points to check when you want to make your component compatible with AoT?

●      How do you build the project where you dev the components (use cli, roll your own server/build/etc)?

●      How do you make ui components that work on all environments (browser, web workers, electron, server side, nativescript…)

●      Managing documentation for how users consume/implement your components

●      What is your strategy for testing your components?

●      What is on your wish list that would make everyone’s lives easier?

 

Tips & Picks

●      Justin

○      Example of component lib: https://github.com/ocombe/ng2-translate

○      Games!
Civilization 6 https://www.civilization.com/
Red Dead Redemption 2 http://www.rockstargames.com/videos/video/11600
Nintendo Switch https://youtu.be/f5uik5fgIaI

●      Jeff

○      Logan https://www.youtube.com/watch?v=Div0iP65aZo

○      Life Lessons Learned on AngularAir https://devchat.tv/adv-in-angular/114-aia-life-lessons-from-angular-air-jeff-whelpley-angular-remote-conf

●      Wesley

○      Change detection: http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html

○      AoT compilation for webpack:

■      https://www.npmjs.com/package/@ngtools/webpack

■      https://github.com/angular/angular-cli/tree/master/tests/e2e/assets/webpack/test-app

●      Kyle

○      Getcovalent.com would be my plug

○      Guardians 2! https://www.youtube.com/watch?v=2WhQcK-Zaok

●      Dmitriy

○      https://www.ng-book.com/2/

○      Nice educational project (non-profit) written with Angular2

■      http://www.gapminder.org/dollar-street/matrix

■      https://www.reddit.com/r/InternetIsBeautiful/comments/58akkx/dollarstreet_imagines_the_world_as_a_street/