Angular Air

ngAir 84 - Creating Angular 2 UI Libraries with Kyle Ledbetter


Listen Later

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/
...more
View all episodesView all episodes
Download on the App Store

Angular AirBy Angular Air

  • 3.7
  • 3.7
  • 3.7
  • 3.7
  • 3.7

3.7

17 ratings