Aprende de la remezcla | Programar Plus

He creado sitios web que utilizan millones de personas en todo el mundo. He cometido más errores de los que quisiera contar y he tenido que lidiar con las repercusiones de esos errores durante los años siguientes. A través de todo esto, mi equipo y yo hemos estado tratando de lograr el mejor equilibrio entre la experiencia del usuario y la del desarrollador. Creamos soluciones personalizadas y usamos bibliotecas/herramientas, todo en un esfuerzo por resolver problemas con nuestra experiencia de usuario y aumentar nuestra propia productividad. La lucha es real.

Entonces apareció Remix y redujo mucho esa lucha para mí. Reconstruí mi sitio web con Remix y quedé impresionado. Honestamente, sentí que podía crear una experiencia de usuario increíble y no avergonzarme del código que se necesitó para llegar allí. Me encanta Remix tanto que eventualmente me uní al equipo (así que: descargo de responsabilidad). En caso de que no hayas oído hablar de Remix antes, es un marco web para crear experiencias de usuario estelares que “remezcla” la web como ha funcionado desde los años 90 con la increíble tecnología que tenemos hoy. Estas son algunas de las cosas que más me gustan de él:

  • Código cliente-servidor perfecto: Quiero decir, definitivamente hay una separación entre lo que se ejecuta en el cliente y lo que se ejecuta en el servidor y está claro, pero es tan fácil moverse entre los dos dentro del mismo archivo que siento que puedo decir “Sí” a más características del producto. ideas
  • Mejora progresiva: Remix me permite #usaLaPlataforma mejor que cualquier otra cosa que he usado. Su uso de las API web significa que cuanto mejor me siento en Remix, mejor me siento en la web. Y debido a que las aplicaciones que construyo con Remix funcionan sin JavaScript, obtengo una mejora progresiva real para condiciones de red deficientes donde JavaScript tarda mucho en cargarse o no se carga por completo.
  • CSS — Recuperando la cascada: Debido a que Remix me permite controlar fácilmente cuál de mis archivos CSS está en la página en un momento dado, no tengo todos los problemas que provocaron que la comunidad de JavaScript inventara soluciones como CSS-in-JS.
  • Enrutamiento anidado: Esto permite que Remix optimice las solicitudes de datos que realiza cuando el usuario navega por la página (lo que significa que es más rápido y económico para los usuarios que pagan por Internet limitado). También me permite manejar errores en el contexto de la parte de la aplicación que falla sin eliminar toda la página en el proceso.
  • Mutaciones simples: En lugar de una biblioteca de JavaScript complicada para administrar mutaciones, Remix solo usa la plataforma <form />. Y Remix administra su caché de cliente para que no tenga que preocuparse por invalidar su caché en absoluto. De hecho, con Remix no piensas en esto en absoluto. Está administrado por usted y solo obtiene una buena API declarativa.
  • Plataformas normalizadas: Tenemos muchas opciones para implementar nuestras aplicaciones. Remix los normaliza (algo así como jQuery para plataformas). Entonces, ya sea que desee implementar una aplicación sin servidor, trabajadores de Cloudflare o una aplicación de nodo regular, no importa. Simplemente escribe el mismo código y despliégalo donde quieras.

Hay mucho que amar de Remix, pero terminaré aquí.

Me doy cuenta de que no todo el mundo puede migrar su sitio a Remix, y eso está bien. El lema de Remix es: Cree mejores sitios web (a veces con Remix). Lo único que creo que quiero alentarlo a hacer para mejorar su sitio web es aprender sobre Remix y aplicar algunas de las ideas a su sitio web. Y si puedes migrar a Remix, mejor que mejor. 😆

Recuerde, todos estamos tratando de hacer que el mundo sea un poco mejor, y mi esperanza al escribir esto es haberle dado ideas sobre cómo puede mejorar su propio rincón del mundo. ¡Buena suerte!