No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Curso de Next.js

Curso de Next.js

Jonathan Alvarez

Jonathan Alvarez

Next.js Image

26/27
Recursos

Aportes 15

Preguntas 2

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Creo que estudiaré por aparte NEXT, es una herramienta muy potente que siento que el curso queda como básico de otra carrera, exclusiva de NEXT

ūüĖľÔłŹ Next.js image

  • El equipo de Next.js trabajaron en conjunto con ingenieros de google para crear un componente de im√°genes

  • Las im√°genes quedaron atr√°s a lo largo del tiempo en la web mientras otras tecnolog√≠as evolucionan

  • para ver las dependencias que se pueden actualizar

    yarn upgrade-interactive --latest
    
    • Dependencias rojas: pasar de grandes versiones
  • Al usar el componente Image lo que hace es usar dos estrategias:

    1. Lazy loading ‚áí Las im√°genes se descargan solo cuando son visibles en la pantalla
    2. Optimizaci√≥n de tama√Īo ‚áí Next.js optimizara seg√ļn lo que especificamos como tama√Īo recortando y ajustando
      • Se puede especificar en Next.js si deseamos usar un servicio de optimizaci√≥n
      • En caso de que no se especifique lo hara dentro de su servidor

es uno de los mejores cursos que he visto en platzi, necesitamos un curso avanzado de NEXT!!

Para actualizar en npm yo use estas lineas

npm install -g npm-check-updates

y luego

ncu -u

Un Lazy load nativo de Next y optimización, que cool

Hey ! Si se preguntan como funciona el Lazy loading por debajo usando solo Javascript vanilla, el mismo profesor lo explica en uno de los talleres del Curso de manipulacion del DOM especificamente el ‚ÄúWorkshop 2 : Lazy Loading‚ÄĚ .

Haciendo uso de Intersection Observer una Api del navegador muy poderosa que tambien se le dedica una clase en el Curso profesional De JavaScript

Espero les ayude !

Llevo varios a√Īos ya trabajando con React, pero ver NextJS me hace pensar que debi haberlo aprendido e implementado hace mucho pero mucho tiempo‚Ķ

y ya va en la 13

Wowwwwwwww, increible esto

Seria bueno un curso avanzado y a fondo de next js. lo estare esperando

existe algo parecido solo para react? sin usar next?

Que tenga Lazy Loading solamente agregando un componente es increíble. Aparte de la optimización de las imágenes

Esta clase si me gustó!! Genial

Para marcar las cosas a actualizar se selecciona con las flechas (arriba y abajo) la dependencia y se oprime la barra espaciadora para marcarla