Advanced Angular Elements

[ikezedev]

I deployed my first major Angular app today.... Thanks Jeff, you engineered it all. I'm eternally grateful ❤

[rajapal]

👍Your videos are not just rad, they are fast paced, to the point, packed with right balance of explanation and code, no nonsense... testimony of your smartness. Thank you, I just made my custom component with Angular elements. Take a bow Fireship! Keep the good work going.

[ajdaling]

Game changing. Much like Angular Firebase itself. You're doing God's work here, Jeff.

[Noone-igui]

Just started coding with angular and typescript this past 2 months, and I am loving it.

[Fireship]

FYI this video is a premiere so pull up the live chat for the full experience

[tim_t]

I'm still new to Angular and I find your videos immensely helpful. Thanks.

[software-egineering-be-tounsi]

dude I can't tell you how much u're making my life easier around here !!
amazing work

[HarikrishnanKK]

Awesome! I am already a subscriber for the angular firebase premium! and I believe that's the best money i spent on getting updated with new angular happenings in bit sized videos, something that i can watch when i am travelling, something that can be quickly referenced, and every code written in detail in the main website too. Thanks a lot! Looking forward to more awesomeness..

[CodingCatDev]

🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥Angular Elements (aka Web Components) for the win in 2019!!🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[pierrechavaroche]

Jeff + Angular Elements = Pure ingenuity 👍🏼👍🏼

[KartikSharma]

Some problems you guys may get stuck on
1. Create 2 angular apps and expose custom elements from each and use them in a third app. : Zone.js is already loaded.
Solution : Use ngx-build-plus or don't use zone at all.
2. TypeError: Failed to construct 'HTMLElement'
Solution : Web components required ES6 classes. Angular by default compiles code to ES5, so either include native-shim polyfill or change compilation target to es2016.
3. Shadow DOM and global styles ?
Solution : This is bit tricky. Use @import or don't use global styles.
4. Shadow DOM in Edge and IE and using <slot></slot>?
Solution: Use shady DOM polyfill.
5. Shady DOM and angular router is buggy: No solution for now.
6. Exclude dependencies
Solution: Use ngx-build-plus. This again is tricky and even more tricky to reimport. Suggestion is to wait for ivy.

[derrickawuah]

Don’t know how I went so long without seeing these videos, keep up the good work!

[LeoNrus]

Just received my sticker for completing the github tutorial! Thanks, Jeff! I did not expect you to send it to Russia! :D

And thanks for a great tutorial, as always!

[Jonathan-nhcc]

What would be the appropriate way of including the element.js file in another angular project? Can I use the element.js file to use the web component tags in another project's <app-root> tag? When I try I get conflict with the web component's zone.js and the main app zone.js dependency.

[vikasrajput]

where was this channel all this time, Subscribed!!

[danielnovitzkas]

If you ever make it to South Africa I would love to meet up with you, so much of what I've learnt is thanks to you.

[patrickmullot]

Superior! This one is really cool. You've just raised to the "I can walk on water" level!

[nikhiltalwar]

This is actually the best part of Angular - Angular elements !!!
Let's go !

[wuilliam]

Wow! lot of learning this in a short video! Thanks a lot!

[mouhibbennasser]

I'm not really into Angular but I just enjoy your videos.