Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Next.js

Curso de Next.js

Jonathan Alvarez

Jonathan Alvarez

Next.js Image

26/27
Recursos

Aportes 11

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta 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

Wowwwwwwww, increible esto

existe algo parecido solo para react? sin usar next?

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 !

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

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