Añadir menos Trucos CSS – Trucos CSS

Cuando estás a punto de lanzar un nuevo sitio web, ¿qué es lo primero que te viene a la mente? ¿Comenzó con una biblioteca o marco que conoce, como React o Vue, o un meta-marco además de eso, como Next o Nuxt? ¿Está utilizando una herramienta de compilación rápida como Vite o está configurando su paquete web?

Phil Hawksworth tiene un gran tweet que publiqué hace unos años y todavía me encanta hasta el día de hoy:

Tus sitios comienzan rápido hasta que agregas tanto que se ralentizan. ¿Necesitas un marco? ¿Puedes hacer lo que quieras en el navegador? Hacer esto sin un marco hará que su sitio sea más ligero o más pesado a largo plazo porque ha creado u optimizado lo que otras personas ya han hecho.

Personalmente, me gusta la idea de enviar menos código para aportar más valor al navegador al final. El conocimiento de las API del navegador y lo que está disponible «gratis» en realidad puede reducir el redescubrimiento de la rueda y potencialmente aumentar la accesibilidad al usar las herramientas proporcionadas.

En lugar de extraer una biblioteca para cada tarea que desea completar, intente ver lo que están haciendo. Por ejemplo, en un proyecto que apoyo, noté que importamos un componente React que ofrece un paquete npm completo para un componente pequeño (menos de 10 filas) con un poco de CSS (usamos nuestro propio sistema de diseño). Cuando reescribimos el componente desde cero, el tamaño de nuestro paquete era más pequeño, pudimos personalizarlo más y no tuvimos que pasar por alto la solución de nadie más.

Ahora no estoy diciendo que no deberías usarlo. todos los tipos Bibliotecas o marcos o componentes. ¡El código abierto existe por una razón! De lo que estoy hablando es de reconocer lo que estás aportando al proyecto. ¡Deje que el poder de su navegador trabaje para usted y use menos!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

rtp live