ngAir 84 - Creating Angular 2 UI Libraries with Kyle Ledbetter
Angular Air
English - October 28, 2016 16:25 - 54 minutes - 75 MB - ★★★★ - 16 ratingsTechnology javascript programming front end node programmer internet web developer framework development Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
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?
●
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
○
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/