Angular 17 View Transitions Api
26:15
Angular Reusable Animations
21:23
4 ай бұрын
Angular Animations
43:14
4 ай бұрын
Angular 17 Deferrable Views
46:56
5 ай бұрын
Angular new Output API 17.3
19:11
5 ай бұрын
Angular Signal Queries 17.2
32:24
5 ай бұрын
Angular Signal Based Inputs 17.1
15:20
Angular Signals vs RxJS
38:10
5 ай бұрын
Angular Signals Untracked
5:05
5 ай бұрын
Пікірлер
@Alyjor2
@Alyjor2 Күн бұрын
En mi caso ante una situación de querer saber que me devuelve cierto signal o para saber si ha cambiado, he usado el ToObservable(xsignal) y sin ningun problema. Buen video
@codigotipado
@codigotipado 15 сағат бұрын
Comenta un poco tu ejemplo, y qué haces, te suscribes a los cambios?
@mugatu2017
@mugatu2017 2 күн бұрын
voy por la mitad del libro, de lo mejor que hay, he aprendido mucihismo sobre todo de como trabajar en proyectos con nx, como compartir librerias, arquitectura...muy reconmendable
@codigotipado
@codigotipado 15 сағат бұрын
Es una buena iniciación al tema de NX que está muy en auge hoy en día.
@oc.rolando
@oc.rolando 3 күн бұрын
Justo tuve esas observaciones, que para salir del apuro seguí usando behaviorsubject.
@codigotipado
@codigotipado 3 күн бұрын
Es una opción, pero también dependen del tipo de stream que esperas, pues en caso de ser síncrono, es mejor ir jugando con un único estado y el computed(). Saludos y gracias por los comentarios!
@juandavidloaiza7335
@juandavidloaiza7335 8 күн бұрын
Gracias por el video, una corrección respecto a al minumo 4:40, incluso si eliminas el changeDetection: ChangeDetectionStrategy.OnPush, zapatos no tendría un valor asignado porque en el código nunca se esta asignando. Con esta versión de código es más entendible lo que quieres enseñar: @Component({ ..., changeDetection: ChangeDetectionStrategy.OnPush, }) export class AppChildComponent { zapatos: string[] = []; zapatosSignal = toSignal(this.loadZapatos()); loadZapatos(): Observable<string[]> { return of(['zap1', 'zap3', 'zap3']).pipe(delay(2000)); } constructor() { this.loadZapatos().subscribe((data) => { this.zapatos = data; }); } } Renderizando zapatos y zapatosSignal, zapatos no tendría valor renderizado en la vista, por el contrario zapatosSignal si.
@yefersonlemus7531
@yefersonlemus7531 16 күн бұрын
Me parecen excelentes cada uno de tus videos solo como recomendación ya que paso en este video en específico, trata de mover tu visual hacia arriba o a un lado depende de lo que estés haciendo ya que no se puede apreciar lo que haces en la terminal, lo otro que no me había percatado hasta que te estaba recomendando y vimos tus videos desde otra computadora con bocinas menos potentes y fue que no se te escuchaba mucho, si puedes más adelante o si tienes la capacidad ahora comprarte un micrófono que esté más cercano a ti y asi no tengas que alzar la voz ya que se escucha muy bajo. Espero continues asi y no tomes a mal mi pequeña crítica 😅
@codigotipado
@codigotipado 15 күн бұрын
Gracias por el feedback. No te preocupes me tomo mucho en consideración cada comentario y me encanta recibir todo tipo de críticas, es cómo se mejora. Intentaré poner más cerca el micrófono. Gracias por los comentarios.
@yefersonlemus7531
@yefersonlemus7531 25 күн бұрын
Muchísimas gracias por dedicar parte de tu tiempo y conocimientos a toda la comunidad ya que muchos se enfrascan en el mismo video de angular de 0 por cada versión que aparece sin avanzar o profundizar en todas las bondades de angular, me pareció excelente tu explicación y en cuanto a su implementación de verdad me fue sin problema, solo me queda una duda ya que usaste rxjs que está bien pero ¿se puede lograr lo mismo con signal y effect?. Muchas gracias a la espera de tu próximo video
@codigotipado
@codigotipado 24 күн бұрын
Hola Yeferson, muchas gracias, tus comentarios me motivan para seguir creando contenido. Respecto a signal y effect, claro que se puede hacer, pero con mucha lógica detrás y muchos condicionales. Y al final el código no es escalable si la app sigue creciendo. Es verdad, que hay que sentarse y debatir con los demás desarrolladores cuál es la mejor alternativa, sin premeditarse.
@ClashofWilson
@ClashofWilson Ай бұрын
No nunca
@codigotipado
@codigotipado Ай бұрын
Sólo úsalo si de verdad lo vas a necesitar.
@marcosjrs
@marcosjrs Ай бұрын
La verdad es que no sé de donde sacas el tiempo para todo... Gracias Amos.
@codigotipado
@codigotipado Ай бұрын
Soy padre e intento levantarme pronto cuando todos duermen y más tranquilidad hay para poder hacer lo que me gusta 🥰
@666FK
@666FK Ай бұрын
Si colocas los títulos de tus videos en inglés, es probable que los hispanohablantes no los abramos, y aquellos que hablan inglés pueden abandonar el contenido tan pronto como comiences a hablar. Personalmente, solía omitir tu contenido por los títulos en inglés, hasta que, por casualidad, se reprodujo automáticamente y descubrí que hablabas en español. excelente contenido.
@codigotipado
@codigotipado Ай бұрын
Hola! Esto que comentas es muy cierto. Tengo el hábito de escribir mucho en inglés, pero los cambiaré todos! Gracias por el aporte!
@666FK
@666FK Ай бұрын
Excelente contenido capo! gracias por compartir.
@codigotipado
@codigotipado Ай бұрын
A tí por verlos!
@666FK
@666FK Ай бұрын
mucho mejor que los cursos de pago! excelente contenido!
@codigotipado
@codigotipado Ай бұрын
Muchas gracias por tus comentarios!
@emilioluque6387
@emilioluque6387 Ай бұрын
4
@codigotipado
@codigotipado Ай бұрын
Correcto! 🥰
@enriqueruiz320
@enriqueruiz320 Ай бұрын
😱
@sourishdutta9600
@sourishdutta9600 Ай бұрын
Can you please upload a full video on this and please if possible in English would be helpful, Thank you 🙏
@codigotipado
@codigotipado Ай бұрын
I have it, it has English subtitles. You can follow it, it's not hard.
@sourishdutta9600
@sourishdutta9600 Ай бұрын
@@codigotipado Yes I see, Thank You so much for sharing. Please create more videos like this.
@yefersonlemus7531
@yefersonlemus7531 Ай бұрын
Esta muy bien lo de los estados pero mi pregunta va a cuál es la mejor práctica en un proyecto manejarlo por estados o en un servicio porque básicamente en el servicio que tenias creas una variable signal pública que su valor por defecto sea el de localstorage y me parece que debería funcionar igual, muchas gracias
@codigotipado
@codigotipado Ай бұрын
Depende de la grandaría del proyecto y su complejidad y lo que se quiera aislar con ese estado. No es lo mismo esta pequeña app que como bien comentas con un servicio se puede hacer que algo más complejo. Esto es solo un ejemplo de lo que puedes aislar haciéndolo de esta manera en apps grandes.
@yefersonlemus7531
@yefersonlemus7531 Ай бұрын
Una pregunta si el componente seach no estuviera dentro del page photo, si no estuviera ubicado en el layout por ejemplo en el component header como se haria para cambiar la page photo ya que mediante un output no se puede al no ser un componente padre si no un router-outlet, saludos
@codigotipado
@codigotipado Ай бұрын
En este caso como forma parte de las fotos está bien situado. Pero en el caso de que también lo quisiera utilizar en favourites, no lo metería en el layout (aunque si puedes según lo que necesites) y lo que haría es hacerlo genérico con métodos abstractos para que cada uno implemente su lógica (seguiría el design pattern Strategy). Ya haré un video sobre este patrón.
@yefersonlemus7531
@yefersonlemus7531 Ай бұрын
@@codigotipado muchas gracias estaré esperando con gusto ese vídeo, ya que tengo una aplicación así y quiero ver la buena práctica en vez de llamar 3 veces el mismo output para poder llegar al padre
@codigotipado
@codigotipado Ай бұрын
@@yefersonlemus7531 Hola amigo, ya he subido el video con el Strategy pattern que te comentaba, espero lo disfrutes: kzbin.info/www/bejne/p6GXlISqYr2En5o
@yefersonlemus7531
@yefersonlemus7531 Ай бұрын
Eres el único que enseña como mantener el código de manera profesional, ya que he visto muchos y solo dicen si esto fuera un proyecto de verdad esto debería ir en x sitio y realizarse de otra forma, pero nunca en sus videos explican cómo se debe trabajar de esa otra forma que es la del dia dia profesionalmente, por eso te sigo fielmente que se nota que tienes mucho conocimiento sin dejar a un lado el deber ser y las buenas prácticas. Te felicito
@codigotipado
@codigotipado Ай бұрын
Muchas gracias @yefersonlemus7531!
@yefersonlemus7531
@yefersonlemus7531 Ай бұрын
Como siempre muy buen contenido, aprendiendo cosas nuevas y explicando todo a detalle mientras vas construyendo en vivo, solo me quedaron dos dudas cual es la diferencia del loadChildren: async contra loadChildren: () => import, da mas velocidad o algo asi? nunca no había visto y la segunda duda es el final generás un output void cuando se puede utilizar correctamente de esa manera cada vez que se necesite revisar un change algo así ya que normalmente siempre le devuelvo algo de contenido que será utilizado, esta última pregunta puede que te parezca muy tonta solo que los output siempre me han confundido de cierta manera y ahora con las signal casi que no les estaba viendo ni uso como en el pasado
@codigotipado
@codigotipado Ай бұрын
Hola @yefersonlemus7531. Gracias por tus comentarios. Lo del loadChildren es exactamente lo mismo. La única diferencia es que se lee mejor con el async/await. Fíjate que antes se hacía algo como esto: loadChildren: './lazy/lazy.module#LazyModule', erra horrible haha, pero con el tiempo Ivy (el compilador de Angular) nos ha brindado mejor syntaxis gracias a la evolución de TypeScript. Para el tema del output() tengo un post que detallo muy bien este concepto: www.codigotipado.com/i/144871040/two-way-data-binding-with-model-input-developerpreview. Al final es lo mismo que haciamos con el @Output(), aunque en este caso creo que era mejor utilizar el @Output ya que no hacemos two-way data binding. Solo enviamos y reaccionamos a eso.
@barisbarisbarisbarisbaris
@barisbarisbarisbarisbaris 2 ай бұрын
I have been looking for an example CRUD API that consumes a dummy API to learn and practice the newest Angular features related to signals. This resource seems very valuable. Thank you for your effort. I would like to add that it would be awesome if this series includes the topic "Zoneless Change Detection with Signals." If not, it would be a great addition.
@codigotipado
@codigotipado 2 ай бұрын
Thank you for your time and your answer! It's a great idea, I'll transform this app into a zoneless one and handle the change detection with Signals. Can you tell me if it was easy to follow with English substitles?
@barisbarisbarisbarisbaris
@barisbarisbarisbarisbaris 2 ай бұрын
@@codigotipado Actually, I have not started to watch and practice yet but somehow I would figure it. example codebase is more important for junior-mid level like me :) though, i will try to give feedback about your question.
@marcosjrs
@marcosjrs 2 ай бұрын
Este Challenges no lo conocía. Gracias Amos, por subir contenido más allá de lo típico de Angular...
@codigotipado
@codigotipado 2 ай бұрын
Son bastante avanzados la mayoría ya demás te permiten desarrollar skills que nunca suponías que Angular tenía (eso me pasó a mi la primera vez que los hice). Gracias a tí!
@codigotipado
@codigotipado 2 ай бұрын
Enlace al curso gratuito de Angular Signals 📙👇 kzbin.info/aero/PL0vmzAb282Fi2pil_S7nltgvfqUidb-e6
@angelpellejero8764
@angelpellejero8764 2 ай бұрын
Gracias por compartir estos videos, son muy interesantes. Quería preguntarte, ¿tienes pensado hablar más sobre NX? Sería muy interesante ver cómo enfocas la aplicación a micro frontends y cómo aprovechas NX para reducir tiempos de compilación, ejecutar pruebas, etc. Gracias de nuevo y saludos!
@codigotipado
@codigotipado 2 ай бұрын
Hola Ángel! Tengo pensado hacer un curso en mi canal sobre NX, desde como comenzar con una app normal standalone hasta un monorepo de apps y sobre todo enfocado a micro frontends. Tenía pensado abordar otros temas que tengo preparados pero no te preocupes que lo haré. Muchas gracias por tus comentarios!
@yefersonlemus7531
@yefersonlemus7531 2 ай бұрын
Puedes hacer dos video: uno de cuando es necesario desuscribirse de un observable ya que hasta hace poco me entere que no era necesario en las api y ahora con las llegadas de las signal creo que ahora ni se usará jejeje, y un video de como gestionar los estados para que al recargar no se reinicien filtros u otros valores, actualmente yo lo hago con localstorage pero me gustaria saber si lo estoy realizando de manera correcta sin repetir tanto código o incluso si hay una mejor solución, esperando tus nuevos videos eres un crack
@codigotipado
@codigotipado 2 ай бұрын
Hola, gracias por tus comentarios! Creo que no hay más formas de persistir la información en el refresco que la que comentas: localStorage. Aunque si tienes muchos datos podrías usar IndexedDB dependiendo de la casuística.
@yefersonlemus7531
@yefersonlemus7531 2 ай бұрын
Muy buen contenido no entiendo como tiene tan pocas visualizaciones, explicastes cosas que no había visto en otros de verdad te felicito una pregunta es recomendable usar el effect en cada página para llamar un api, te explico tengo una seleccion de paises en un componente sidebar que depende el pais consulta el api y cambia la información en la página, de igual manera si tienes un video de cuando no usar el effect o no sobrecargarlo lo agradecería para saber cuando me puede perjudicar su uso muchas gracias
@codigotipado
@codigotipado 2 ай бұрын
Muchas gracias! Compártelo con tus compañeros! Respecto de la pregunta te comento. Usa el effect cuando no tengas otra solución. Para poder hacer lo del selector de países que cargue el contenido según el valor del mismo puedes utilizar un derivedAsync de la librería de ngxtension: ngxtension.netlify.app/utilities/signals/derived-async/
@Neotrixstdr
@Neotrixstdr 3 ай бұрын
Estaba deseando ver un nuevo video, gracias!
@codigotipado
@codigotipado 3 ай бұрын
Gracias a tí! Voy a seguir subiendo! Espero que los disfrutes y compartas con tus compañeros devs!
@AngelSuarez-tb2yt
@AngelSuarez-tb2yt 3 ай бұрын
Gracias, haces que todo se entienda perfectamente a pesar de ser un tema complejo de explicar. Si te animas estaría de lujo un vídeo así explicando la detección de cambios en Angular. Muchas gracias!!
@codigotipado
@codigotipado 3 ай бұрын
Gracias a tí! Tengo pensado hacerlo muy pronto!
@cristianrojas8404
@cristianrojas8404 4 ай бұрын
I am starting with the transitions in Angular, before I used barbaj js to make transitions between views, but I see that barbaj js cannot be used because angular already has its own module for transitions between routes, I would like to know how I can make this transition between routes in angular (kzbin.info/www/bejne/omOxaYuoqMxlr5Y)
@codigotipado
@codigotipado 4 ай бұрын
It's explained in the video. Btw check the whole course about angular animations if you want to know how to import the animations module.
@marcosjrs
@marcosjrs 4 ай бұрын
Una vez más, gracias! Pedazo colección de videos estas generando, y todos de nivel..
@codigotipado
@codigotipado 4 ай бұрын
Gracias a tí! Espero los disfrutes!
@ulisesbasualdo6556
@ulisesbasualdo6556 5 ай бұрын
Gracias por el video y la explicación, aprendí muchas cosas. Es posible hacer de esta manera animaciones al escrollear? Es decir cuando uno va bajando por el sitio o va subiendo, que los elementos se escondan y aparezcan con diferentes animaciones? Ahora mismo hice una directiva que usa interseccion observer y la aplico al componente que quiero animar, pero quiero saber si existe una mejor manera. Saludos y gracias!
@codigotipado
@codigotipado 4 ай бұрын
Hola, gracias por tus comentarios. Claro que puedes hacer animaciones al hacer scroll. Supongo que quieres hacer que a medida que bajas vas cargando contenido o que a lo mejor este modo blur (difuminado). Puedes combinarlas con Intersection Observer para detectar cuándo un elemento está dentro del viewport y desencadenar la animación correspondiente dependiendo de un state() u otro.
@ulisesbasualdo6556
@ulisesbasualdo6556 4 ай бұрын
@@codigotipado Muchas gracias! lo voy a probar
@marcosjrs
@marcosjrs 5 ай бұрын
Personalmente agradezco un montón estos videos donde compartes información más avanzada de Angular, en castellano. Sin duda me parece una apuesta arriesgada por tu parte, y con más razón para dar las gracias. Mucho ánimo y gracias.
@codigotipado
@codigotipado 5 ай бұрын
Muchas gracias por tu apoyo. He creado el canal porque básicamente no hay personas que hagan este tipo de contenido avanzado en español. Espero poder llegar a toda la comunidad hispana. Sin duda, Angular es mi pasión y espero compartir mi conocimiento con todos 😊
@marcosjrs
@marcosjrs 5 ай бұрын
Gracias por compartir!
@codigotipado
@codigotipado 5 ай бұрын
Gracias a tí! ☺️
@marcosjrs
@marcosjrs 5 ай бұрын
Una vez más, muchas gracias Amos. Subscribo lo que dices sobre la no utilización del onPush en los proyectos, para mí, a veces es por miedo de lo que implica cuando ese componente ya está reusandose en muchos sitios.... otras veces, por desconocimiento de su aplicación, por parte del equipo... y otras veces por "pereza" y/o tiempos demasiado ajustados, y la gente ya va a la mínima con tal de poder sacar adelante en tiempos, y por tanto pasando del performance... Es una pena en lo que a veces llega a convertirse un proyecto por esto último...
@codigotipado
@codigotipado 5 ай бұрын
Totalmente cierto. He vivido de primera mano una ingente cantidad de casos así y yo, como siempre soy muy meticuloso, por pequeña que sea la tarea siempre intento optimizar al máximo. Siempre se pueden proponer cambios argumentando con puntos sólidos. Gracias por tus comentarios ☺️
@marcosjrs
@marcosjrs 5 ай бұрын
Contenido superinteresante, sin duda. Gracias!
@codigotipado
@codigotipado 5 ай бұрын
Muchas gracias. Lo preparo con mucho detalle ☺️
@soyindioindiosoy7100
@soyindioindiosoy7100 5 ай бұрын
Me encanta el vídeo! Es genial poder ver los cambios que vienen en detalle!
@codigotipado
@codigotipado 5 ай бұрын
Muchas gracias! Seguiré subiendo contenido actualizado! 🙂
@Neotrixstdr
@Neotrixstdr 5 ай бұрын
Muy buena explicación, se nota que tienes un conocimiento muy profundo de Angular. Muchas gracias por el video
@codigotipado
@codigotipado 5 ай бұрын
Muchas gracias por verlo ☺️
@arozendojr
@arozendojr 5 ай бұрын
Regarding unit testing, do you think that testing that uses DOM would be functionality testing, not unit testing?
@codigotipado
@codigotipado 5 ай бұрын
Absolutely, integration tests will include interactions with the DOM (with deferrable views we will ensure that the mechanism works as expected).
@angelpellejero8764
@angelpellejero8764 5 ай бұрын
super bien explicado, muchas gracias por compartir! 😊
@codigotipado
@codigotipado 5 ай бұрын
De nada 😊