Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Angular_Elements.pdf
Search
Mariano Alvarez
July 13, 2019
0
100
Angular_Elements.pdf
Mariano Alvarez
July 13, 2019
Tweet
Share
More Decks by Mariano Alvarez
See All by Mariano Alvarez
Vainilla Redux
mahcr
0
48
Web Workers
mahcr
0
30
PWA: Web app con super poderes
mahcr
0
58
Redux - NgRx v8
mahcr
0
76
AMP ¿Como iniciar?
mahcr
0
48
Volando_con_el_Assistant.pdf
mahcr
0
120
Intro to Angular
mahcr
2
38
Angular Elements
mahcr
0
45
The beauty of NgRx
mahcr
0
54
Featured
See All Featured
Building an army of robots
kneath
306
46k
Fireside Chat
paigeccino
40
3.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Git: the NoSQL Database
bkeepers
PRO
431
66k
The Invisible Side of Design
smashingmag
301
51k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
950
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Transcript
Angular Elements Reutilización de componentes con
@malvarezcr ¿Quién soy? Web Practice Lead Co-Organizador de Angular Costa
Rica Fan de JS, TS, NG, Web Techs, Pizza, Emojis Mariano Álvarez
@malvarezcr GitHub https://github.com/mahcr/angular-elements
Conceptos
@malvarezcr ¿Qué es Angular?
@malvarezcr ¿Qué es Angular?
@malvarezcr ¿Qué son Web Components? Basado en: • Template Elements
• Shadow DOM • JS Modules • Custom Elements
@malvarezcr ¿Qué son Web Components?
@malvarezcr ¿Qué son Web Components?
@malvarezcr ¿Qué son Web Components?
None
@malvarezcr Pero, ¿Qué es Angular Elements?
None
@malvarezcr ¿Qué es Angular Elements?
@malvarezcr ¿Qué es Angular Elements?
@malvarezcr ¿Qué es Angular Elements?
@malvarezcr ¿Qué es Angular Elements?
@malvarezcr ¿Qué es Angular Elements? • Uso en otros frameworks
• Micro Front-Ends • Uso de syntaxis de Angular PROS • Server side / Content apps • Versionamiento / Deployment • Soportado por los browsers excepto por …….
@malvarezcr ¿Qué es Angular Elements? • Uso de polyfills •
Se generan 3 archivos • Tamaño del bundle CONS Ivy
@malvarezcr ¿Qué es Angular Elements? • Uso de polyfills -
Differential Loading • Se generan 3 archivos - Ngx-build-plus • Tamaño del bundle - Pendiente Soluciones Ivy
@malvarezcr ¿Qué es Angular Elements? Differential Loading
@malvarezcr ¿Qué es Angular Elements? • Uso de polyfills -
Differential Loading • Se generan 3 archivos - Ngx-build-plus • Tamaño del bundle - Pendiente Soluciones Ivy
@malvarezcr ¿Qué es Angular Elements? NGX-build-plus
@malvarezcr ¿Qué es Angular Elements? NGX-build-plus ng build --prod --single-bundle
ngx-build-plus
@malvarezcr ¿Qué es Angular Elements? • Uso de polyfills -
Differential Loading • Se generan 3 archivos - Ngx-build-plus • Tamaño del bundle - Pendiente Soluciones Ivy
Futuro
Demo
⚡Conclusión
Angular Costa Rica • Facebook, YouTube, Medium @angularcostarica • Twitter
@angularcr