Señales en Angular vs Forma tradicional
Вставка
- Опубліковано 16 гру 2024
- 🅰️🚦 En este video veremos cómo usar ciertas funcionalidades comunes de #Angular pero con Señales (#signals)
👨💻 Código inicial:
github.com/Kle...
👨💻 Código final:
github.com/Kle...
📚 Puedes encontrar cursos de Angular en mi sitio web: fernando-herre...
📝 Y una útil hoja de atajos en devtalles.com/...
🔗 Mi Web Personal: fernando-herre...
🎙️ Mi Podcast: anchor.fm/fern...
👥 Mi Twitter: / fernando_her85
👨🏻🏫 Perfil de instructor | Udemy: www.udemy.com/...
👨🏻💻 {d/t} DevTalles: cursos.devtall...
👨🏻🎓 {d/t} DevTalles LinkedIn: / devtalles
📱 {d/t} DevTalles Twitter: / devtalles
💻 #Programacion #Development #Developer #FernandoHerrera #DevTalles #Fullstack #OnlineLearning #professor #instructor
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Un detalle no menor y muy chévere, es la fluidez que tienen los videos, no se si están a 60fps o 120, pero siempre se siente la diferencia respecto a la mayoría de otros videos.
Gracias por notarlo :) si, todos los videos están ahora a 2k a 60 fps
No hay mejor profesor de Angular en todo internet, gracias Fernando por enseñarme todo lo que sé!
Maestro. Siempre la educación contigo es de primera. Gracias por compartir.
De por sí me está gustando trabar más con Angular que con React y con estas nuevas adiciones, wow, se ve que será una bomba..., a la espera de como se sigue desarrollando este framework. Gracias Fernando!
Siempre con al día con lo último y con contenido de calidad! Gracias profe!
Como siempre IMPECABLE tu explicacion! Se agradece mucho. Saludos
En aplicaciones grandes con gran volumen de datos .. ( el signal cambia tu app del cielo a la tieraaa !!!! ).
bien explicado como siempreee...
Excelente video...
Fernando en tu nuevo curso de Angular Edicion 2023 que impartes en tu plataforma, veremos (( Signals )) ???
Si... :)
Fernando cada vez los vídeos son mejores. Me encanta lo fácil que se entiende lo que explicas
Excelente video profe, Que se venga el curso de Angular 16, Dicen que esta actualización de Angular lo vuelve nuevamente llamativo. 🤗
Wow, esto se ve bastante interesante. Gracias Fer, a ver cuando retomas cursos de Angular, y actualizas el de angular con sockets y metes nest y socket io
Muy buena explicación, se agradece mucho tu trabajo!!
Excelente Fernando muchas gracias.
Me encantan los signals. Muchas gracias Fernando :) 😎 Aguante angular.
Muchas gracias profesor, ¡eres el mejor!
Gracias por el tutorial Fernando, ya se extrañaba contenido de Angular, excelente explicado como siempre, saludos!
Excelente vídeo. Muchas Gracias!
Muy buen video gracias Fernando!!! 🤩
Muchas Gracias!!!!
Esto amerita otro curso en Udeny 🤯
Fernando eres un crack. Keep it up!
Gracias profe!
Excelente video.
Profesor una duda como se harian las pruebas unitarias para una signal?
Muchas gracias.
Gracias Profe!!!
Excelente introducción a los signals, algo así de standalone components por favor Profe :D
Excelente explicación, Prof. Fernando. Una pregunta tonta, cual es el tema que esta usando en este vídeo?
Hola, el tema de Fernando es Aura Dark
@@DevTalles muchísimas gracias.
Se parece a los hooks de React, muy interesante.
Muy interesante. Gracias.
Hermoso Signals
Grande Fernando buen contenido 👏🏻
Fernando muy bueno el video, pero tengo una duda. cuando se usa los getters, no se vuelve ala forma tradicional asi se esten devolviendo las señales? osea a angular le toca revisar de nuevo el sistema de detencion solo por el hecho de que se tiene encapsulado en los geters los signals?
El profe Fernando reinventando la rueda con ejemplos sin sentido.😂
Por que haría todo esto en un proyecto empresarial si puedo usar NGRX? 🎉
Gracias profesor. No tenía idea sobre signals y ahora ya empiezo a ver su utilidad. Esto podría reemplazar a Redux?? Saludos
No, pero es otra alternativa, de hecho ngrx está trabajando en un método que a partir del store, crea una señal. O viceversa.
@@fernando_her85 Gracias profesor 👍👍
Asombroso ❤
Excelente tema, hay me nace mi duda, si utilizo las señales en un service y ese lo injecto como ahora se maneja para que en el componente se mantenga lo más limpio posible solo para que mande a llamar al service con un get o un desde el service a la propiedad señal, entonces seguiría manteniendo la optimización que está dando al utilizar signales?
Muchas gracias Fernando. He visto que tu curso de angular de cero a experto tiene nuevos vídeos, lo tenía terminado y ahora veo que estoy al 85%. ¿Vas a incluir las signals también? También decirte que por temas de uno de nuestros clientes ahora estoy haciendo el curso de react con JavaScript y me parece mucho más difícil react+JavaScript que angular, quizás porque soy más backend que frontend y no domino mucho el JavaScript moderno (y que no me gusta JavaScript). Gracias por tus vídeos y saludos desde Barcelona.
¡Saludos! En efecto se incluirá algo sobre Angular16 y Signals en la actualización; es la sección 24 que ya está con acceso anticipado en DevTalles
Como gestor de store global usarias signals? O usarias alguna librería de contextos como ngrx o ngxs
Pues todas son excelentes opciones, incluso ngrx tiene ya su integración de señales.
Todo dependería de que tan transaccional sea el store, y si la inyección de dependencias de servicios se complica, me iría por ngrx
Muy buena explicación, qué diferencia habría entonces en aplicar Señales o por ejemplo ngxs?
Profe, que diferencia hay con respecto a manejar un observable y en el HTML usar el pipe async? Es decir, definir users como un observable, y asignar en el loadUsers el observable de la petición sin suscribirse, y luego en el template renderizar users con el pipe async?
Profe que Mac utilizas? Me encanta la resolución y fluidez de los videos
Creo que lo incómodo es usarlo todo como función. Me pregunto si no se puede remplazar el AST por signals usando la programación de siempre en tiempo de transpilacion. Otra duda es, si envuelvo la señal en una propiedad perdería la velocidad que aporta los signals, correcto? Quiero decir, si la propiedad retorna el valor del signals no el objeto.
Si es medio incómodo, pero ayuda mucho a la precisión de actualización...aunque hay gente que veo que pone las señales en servicios y exponen el valor de la señal en un getter para evitar eso...
Hola Fernando, excelente explicación de las señales en angular; tengo una duda si esto ayuda en el performance para que una app de angular sea más rápida, entonces de manera indirecta esto también estaría ayudando al performance de una app echa con Ionic- Angular, claro con señales, cierto?
Correcto, ya que tiene la misma funcionalidad y es parecida la performace con la reactividad en aplicaciones moviles, por lo que también lo mejoraría
Fernando, Angular va por muy buen camino pero le hace falta un NextJs para poder tener el poder del ssr. Un saludo (ahora mismo me estoy haciendo el curso de Next v12 )
Saludos... cómo afectan a la librería de componentes Material los cambios que está teniendo angular?
Profe la parte de las señales en react y angular estará en algunos de sus cursos ??
Excelente video profe!, ¿Que MAC usa?
Excelente O_O ¿las señales vendrán en el curso actualizado?
Sí! Añadiré una sección.
@@fernando_her85 Un genio profe, gracias por su vocación.
Me gustaría probar cómo funcionaría usarlos con observables + servicios + signals. Porque podrías tener la declaración del signals en un servicio y el observable devuelve el signals.
Entonces en vez de devolver solo los tipos normales devolveríamos signals lo que haría que solo se actualice en todo lugar solo lo necesario
Un detalle pequeño, es que a la hora de hacer un .subscribe veo que aún sigues haciéndolo de la forma anterior, ahora en vez de usar
.subscribe((res) => { })
sería algo como
.subscribe({
next: () => { },
complete: () => { },
error: () => { }
})
Sin embargo es en si una variante pero lo que se quiere para un futuro es que la primera opción anterior sea deprecated. Saludoss!!
Lo que se quiere deprecar es que se llame al next, error, y complete en cadena como parametros del subscribe. Si se va a usar solamente el next, es perfectamente valido usar unicamente el callback.
Lo que se piensa deprecar es que se haga por ejemplo .... observable.subscribe((algo)=>console.log('este es el next'), (error) => console.log)). En este caso, se esta llamando al subscribe y se le esta pasando dos callbacks como parametros.
En este ultimo caso, justamente es donde en vez de pasar 2 o 3 callbacks, quieren deprecarlo, y obligar que se use un objeto que pueda contener los 3 callbacks dentro del objeto -> {next: ()=>{}, error:()=>{}, complete: ()=>{}}
Resumiendo, la intención actual es que solo se pueda pasar el callback del next, o directamente un objeto con los 3 posibles callbacks definidos. Ambas sobrecargas son permitidas, y no hay anotacion ninguna de que se piende deprecar ninguna de estas 2.
En los mismos archivos de definicion, se puede ver la sobrecarga de la funcion, y las anotaciones con la intencion de deprecar la sobrecarga con varios callbacks.
@@CartagoTube Genial!!, muchas gracias por la aclaración!!
Gracias por el aporte ♥ me podrias decir que tema usas para vs code?
Hola, el tema de Fernando es Aura dark
En que curso de udemy se encuentra esta parte de señales, que no lo he podido encontrar
Hola, este tema es de la versión más nueva de Angular, por eso aun no está en los cursos de Fernando. Posiblemente se incluya una introducción en la actualización que se esta grabando actualmente
podrias hacer un benchmark para saber que tanta es la diferencia de rendimiento?? pero un benchmark un poco pesado como de calcular los numeros primos hasta el 10 millones o algo asi y medir cual manera de escribir codigo angular es mejor.
Las signas pueden reemplazar a redux?
Y del mejor frame svelte cuando papu ese si es más reactivo rápido y ahorra código ligero en peso
El API quedó muy similar al API de VueJS. Es raro porque Vue nació por un trabajador de Angular. Luego Angular se parece a Vue xd. Mi duda es ¿Los ref de Vue son señales o son otra implementación? porque tambien tiene watch y computed, que funcionan casi igual a simple vista.
Cómo funcionaría con el [(ngModel)] ?. Saludos crack. 😃
Muy buen video aunque hay cosas que me recuerdan a VueJS 😅
No es mejor crear un servicio y crear las señales dentro del servicio ?
Profe, que lindo el tema que tiene en el VS... ¿cómo se llama?
Hola, me parece que es el Aura Theme
@@ThePanicEnd Aura Dark, así es ;)
Exacto
@@fernando_her85 gracias profe, quedó hermoso en mi VS
Cómo se llama tu tema de vsc?
Hola, el tema de Fernando es Aura Dark
@@DevTalles Sí, es correcto, ya lo encontré. Se llama Aura. Te agradezco !!
hola en que parte se encuentra el repositorio
¡Hola Jose! Ya lo añadimos en la descripción del video
¿Es esto parte del curso de Angular de Devtalles?
No, pero tendrá una sección sobre signals.
ahora entonces se debiera centrar el desarrollo en hacer todo con signal? ...
signals = granularidad = boost performance
Kill redux de una
Me pareció interesante la primera parte de los signals, sin embargo al dejarlo en un archivo aparte uggg! No... No me gustó nada mas por como se ve
A mi tampoco, pero se puede... usualmente yo recomendaría siempre usar servicios para manejar eso...
@@fernando_her85 Woooowww, el mismísimo Fernando. Saludos desde Colombia! Me encanta su contenido y sus cursos
1000 años despues. alguien sabe ese thema de colores?
¡Hola! los temas de Fernando son Aura Dark y Tokyo Nights
No entiendo como angular quiere que usemos las señales y no cambia la manera de como usar el cliente http