“La Web moderna”

Un par de artículos interesantes que circulan:

• Tom MacWrite: cuestionando la web moderna
• Rich Harris: en defensa de la web moderna

Me gusta la afirmación de Tom de que React (que usa como sustituto de los marcos de JavaScript en general) tiene un uso ideal:

Hay un punto óptimo de React: en interfaces moderadamente interactivas. Formularios complejos que requieren retroalimentación inmediata, UI que necesitan moverse y reaccionar instantáneamente. Ahí es donde sobresale.

Si hay algo que espero para el mundo del diseño y desarrollo web es que mejoremos en la elección de las herramientas adecuadas para el trabajo .

Escuché a varias personas centrarse en esto:

Puedo, por ejemplo, garantizar que este blog es más rápido que cualquier blog de Gatsby (y mucho amor para el equipo de Gatsby) porque no hay nada que un sitio estático de React pueda hacer que lo haga más rápido que un sitio estático que no sea de React.

Una reacción fue infierno, sí . React es un montón de JavaScript y hace muchas cosas, pero no otorga superpoderes que hagan que la web sea más rápida de lo que era sin él. Otra reacción fue: bueno, en realidad sí . Ese es el objetivo de los SPA: no es necesario recargar la página. En cambio, podemos realizar una solicitud de red recortada para los nuevos datos necesarios para una nueva página y volver a representar solo lo necesario.

Rich profundiza aún más en eso:

Cuando toco un enlace en el sitio web sin JS de Tom, el navegador primero espera para confirmar que fue un toque y no un roce/deslizamiento, luego hace una solicitud y luego tenemos que esperar la respuesta. Con un sitio creado en un marco con enrutamiento del lado del cliente, podemos comenzar a hacer cosas más interesantes. Podemos hacer conjeturas informadas basadas en análisis sobre con qué cosas es probable que interactúe el usuario y precargar la lógica y los datos para ellas. Podemos iniciar solicitudes tan pronto como el usuario toca (o pasa el cursor) por primera vez sobre el enlace en lugar de esperar la confirmación de un toque; en el peor de los casos, hemos cargado algunas cosas que serán útiles más adelante si lo tocan . Podemos proporcionar una mejor información visual de que se está realizando la carga y que está a punto de ocurrir una transición. Y no necesitamos cargar todo el contenido de la página; a menudo, podemos conformarnos con un poco de JSON porque ya tenemos el JavaScript para la página. Esto se vuelve endiabladamente difícil de hacer a mano.

Eso es lo que hace que sea tan fácil discutir sobre estas cosas. Todo el mundo tiene buenos puntos. Cuando intentamos hablar en nombre de toda la Web , es difícil para todos estar de acuerdo. Pero la red es demasiado grande para afirmaciones amplias y radicales.

¿La gente recurre demasiado a los SPA con tecnología React? Probablemente, pero no sin razón. Hay innovación que atrae a la gente. La pregunta es, ¿cómo podemos mejorarla?

Desde una perspectiva de front-end, el hecho de que los marcos de front-end como React alienten a exigirnos que escribamos un front-end en componentes es convincente por sí solo.

Hay optimismo y pesimismo en ambos puestos. Las frases finales de ambos son marcadamente diferentes.