Cómo usar los StandAlone Components en Angular

👉 Conoce nuestras vacantes actuales de tecnología en bit.ly/talento...
Aquí tienes el código por si quieres usarlo:
github.com/Gar...
Si quieres aprender más de programación, te dejamos por aquí otros Garaje Code Pills que seguro que te gustarán:
Cómo crear un Login con Firebase en Angular: • Cómo crear un Login co...
Sube y descarga archivos con Firebase Storage en Angular: • Sube y descarga archiv...
Taller de Composition API en Vue 3: • Taller de Composition ...
Este vídeo sobre Angular Standalone components fue impartida por Mario Girón, Senior Full Stack Developer:
/ mariogironm
Si quieres estar al tanto de todo lo que hacemos, puedes inscribirte aquí 👇
garajedeideas....
----------
Garaje de Ideas es un estudio de Diseño, Tecnología y Data. En este canal encontrarás tutoriales, cursos y ejemplos prácticos paso a paso de desarrollo web y programación.
Podrás encontrar desde cursos de JavaScript, Node.js, D3.js, Vue3, Typescript, HTML, CSS, React... hasta cómo optimizar tu proceso de trabajo.

[@Garajedeideas]

👉 ¡En Garaje seguimos creciendo! Únete al equipo tech: bit.ly/talento-tech-GDI

[@alejandrotorres7574]

Hacía tiempo que no veía a alguien explicarse tan bien, gran vídeo

[@Garajedeideas]

Muchas gracias por tu comentario, Alejandro! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)

[@danieladuarte7935]

¡Excelente video!
Justo lo que buscaba para aprender angular con su versión más actualizada, ¡gracias!🏵

[@brandonisaacfonseca8377]

Excelentísimo vídeo, justo lo que estaba buscando.
¡Felicidades!

[@nicolas1120]

Estupendo, muchísimas gracias, un ejemplo muy bien explicado y práctico

[@Garajedeideas]

Gracias por tu comentario, Nicolas y nos alegramos mucho de que te haya servido de ayuda :)

[@vesperon51]

Creo que es el mejor video de Angualr que he visto nunca

[@Garajedeideas]

¡Muchas gracias por tu comentario! Nos alegramos mucho de que nuestro contenido te sirva de ayuda :)

[@jesusorozco294]

Muchas gracias por la explicación.

[@eivanmtzleal9547]

Que fregón! muchas gracias, Saludos.

[@oquiala]

Excelente video, muy útil y bien explicado👍

[@pablojavierjimenez]

genial muy completo mil gracias

[@haroldfranco430]

GRACIAS MAN

[@jcsnuesi]

👏👏👏👏👏👏👏👏👏

[@alphaarani2576]

hola, una consulta, utilizando standalone components, como podria importar un modulo que hace uso del forRoot() pattern, por ejemplo el paquete "ngx-tinymce", tiene una forma de importación que me tira error cuando agrego el forRoot en un componente standalone

[@hugo_4919]

Excelente explicación, muchas gracias! ¿Tienes cursos en alguna plataforma?

[@Garajedeideas]

Gracias por tu comentario y nos alegramos de que nuestro contenido te sirva de ayuda :). Por aquí te dejamos la web de Mario que tiene varias cosillas interesantes: www.mariogiron.com/ . Además, hace algunos vídeos para el canal de ID Bootcamps dónde es Lead Instructor: www.youtube.com/@idbootcamps/videos

[@IDaniel-L]

excelente video, consulta, si en un componente standalone quieres usar las directivas de angular como ngif, que se debería importar?

[@chuny_dev]

CommonModule.

[@valentinmolinuevo1813]

Hola, sabes si es posible tener centralizado componentes en un proyecto, para así luego otros proyectos puedan importarlos desde su path?, yo creía que con esto de los standalone se podría pero no se si sera posible. porque seria mas fácil ya que se tendrían componentes mas globales a varias aplicaciones en un solo proyecto , entonces solo accedería a ellos desde otras aplicaciones angular que cree.

[@MisteriosMisteriososExtranos]

Algo más acerca de esto?

[@valentinmolinuevo1813]

@@MisteriosMisteriososExtranos jajaj yo lo intente hacer para el trabajo y no es posible así, haciendo un paquete con npm es posible hacerse con una libreria

[@mariogiron]

Hola @@valentinmolinuevo1813, sí, lo más próximo que tendrías es lo que comentas, tener un paquete con aquellos módulos que utilices de manera más habitual e ir instalándolo dentro de aquellos proyectos donde lo vayas a utilizar.

[@valentinmolinuevo1813]

@@mariogiron si, voy a hacer eso, muchas gracias por tu respuesta!

[@victorfortuna18]

Solo espero que esto no de paso a codigo espagueti, pero excelente video, muchas gracias.

[@jogonpa]

Es lo más probable, le quitaron lo bello a Angular

[@gatonegro2123]

Pufff prefiero modularizar la verdad, si quiero otra cosa me voy a vue, svelte, react

[@astago2966]

Yo estoy comenzando en Angular, y una de las ventajas que le veo es poder cargar en lazy los componentes, ignoro aún si también se puede con los módulos, pero por lo demás, creo que prefiero la modularidad, para eso escogí Angular...

[@pablofernandez2633]

Hola, acabo de actualizar a Angular16, he importado provideAnimations(), pero no consigo poder usar las animaciones en el router como antes hacía con [@routeAnimations].
Me salta un error Unexpected synthetic property @routeAnimations found. Please make sure that: Either `BrowserAnimationsModule` or `NoopAnimationsModule` are imported in your application.
Pero cuando importo BrowserAnimationsModule, me salta otro que dice Providers from the `BrowserModule` have already been loaded.
En fin, que no puedo usar las animaciones en el router.
Ha habido algun cambio en este elemento en Angular 16? Alguna idea?

[@jesusescudero7462]

soy nuevo con angular, como puedo importar scripts de js?

[@mariogiron]

Lo puedes hacer dentro del fichero angular.json. Existe una propiedad llamada scripts donde puedes colocar el script js que quieras importar.

[@fergolive]

buenaso!! gracias

[@cubosoft]

#Firebase : Curso 5 proyectos StanAlone
Step 1: Install Angular Material
npm install --save @angular/material
Step 2: Animations
npm install --save @angular/animations
ya el tema bootrap lo busque en el codigo jajaja y no estaba 😅

[@julianlopez-xq2fz]

man, eres la polla con cebolla, excelente video