Un componente de imagen de React casi ideal | Programar Plus

Sí, este es un componente de React, pero independientemente de si le importa esa parte o no, la parte del “componente de imagen ideal” podría ser de interés. Hay mucho que considerar en la forma en que colocamos imágenes en las páginas web en estos días. Se trata de:

  • Espacio de marcador de posición (y luego estilos de respuesta flexibles después de la carga)
  • Imágenes de marcador de posición de baja calidad
  • Sintaxis de imágenes receptivas (srcset)
  • Formatos de imagen (p. Ej., Utilizando WebP cuando pueda)
  • Hacer clic para cargar en malas conexiones de red
  • Mejor UX para cargar errores, con copia traducible

Eso ni siquiera es todo. Tanto en que pensar con el pobrecito <img>. Disfruté la respuesta de Alejandro Sánchez:

El archivo Léame de este componente es increíble para enseñarle a pensar como un desarrollador de aplicaciones para el usuario.

– Alejandro Sánchez (@alesanchezr) 12 de junio de 2018

Enlace directo →