Como trabajo diario, persona que usa React, me gusta estar al tanto de las noticias interesantes de React. Como tal, guardo una buena cantidad de enlaces. Permítanme descargar mi última pila. La mayor parte de esto se trata de React, pero no todo.
- El plan para React 18: un grupo de personas del equipo de React publicaron esta publicación para informarnos de lo que se avecina. Alpha está fuera, beta está a meses de distancia. Pensé que el artículo de Cassidy era el más claro sobre lo que probablemente nos importa.
- React Query: parece una herramienta bastante robusta… “la biblioteca de obtención de datos que falta para React”. No sé cómo me lo perdí, ya que incluso parece más popular que Apollo. He estado muy contento con el uso de Apollo (como usuario, mi mayor dolor es el informe de errores poco claro), y parece que probablemente sea la opción correcta si te gusta mucho GraphQL, pero React Query se ve muy bien con documentos claros y Buenas herramientas de desarrollo.
- La obtención de datos en Redux se hizo fácil con RTK Query: Matt Stobbs mira RTK Query, que parece otra alternativa a las cosas de Apollo / React Query. Eche un vistazo a la tienda Redux en una aplicación en la que está trabajando ahora. Si es como el mío, verá una combinación de datos del backend (que se comporta como un caché) y el estado de la interfaz de usuario (los datos que no se conservan cuando la página se vuelve a cargar). Estos dos tipos de datos se tratan como si fueran lo mismo, lo que termina complicando ambos.
- Traducciones justo a tiempo y código que se escribe solo: Dan Laush analiza un montón de opciones modernas para JavaScript de carga condicional y diferida. Este material es probablemente más complicado de lo que debería ser, pero está mejorando. El suspenso en React 18 será útil. Nivel superior
awaites útil. Cargue lo que necesite cuando lo necesite. Astro es bueno en esto. Y, hablando de todo esto, “El patrón de propiedad de carga diferida en JavaScript” de Nicholas C. Zakas es una gran lectura con un patrón inteligente para definir objetos que solo hacen cosas costosas una vez, perezosamente cuando se les pregunta, y luego redefinen esa propiedad en sí mismos. con el resultado. - Llevar JSX a los literales de plantilla: la gente piensa en JSX como algo de React, lo cual es un poco justo, pero en realidad es algo separado que puede ser útil con otros marcos (ciertamente Preact e incluso Vue). Vimos cómo puede ser divertido incluso sin ningún marco en un video anterior. Andrea Giammarchi profundiza aquí y muestra cómo puede funcionar con los literales de plantilla que ya son muy ergonómicos. “Puede verlo funcionando en CodePen a través de uhtml, uland, ube o lit-html”.
- React Hooks: Componentes compuestos: ¡un saludo a Kent Dodds! Hemos comenzado a usar esto en nuestra biblioteca de patrones en CodePen. Ha sido agradable mantener los componentes un poco más consolidados en lugar de un árbol en expansión de subcomponentes con nombres similares con un estado compartido manual.
- JavaScript: ¿Cuál es el significado de esto? — Jake Archibald publica el artículo canónico sobre
this. - JavaScript legible por humanos: una historia de dos expertos: Laurie Barth compara ejemplos de código que hacen lo mismo, pero tienen diferentes niveles de legibilidad. No siempre hay una respuesta directa “… pero cuando observa un código que es funcionalmente idéntico, su determinación debe basarse en los humanos: cómo los humanos consumen el código”.
- petite-vue: jQuery fue increíble y hay mucho código jQuery perfectamente bueno, pero la razón por la que jQuery está un poco menospreciado en estos días es por las bases de código desordenadas que se crearon con él. Se aprendieron algunas lecciones. Si bien los controladores de JavaScript en línea alguna vez fueron muy despreciados, casi todas las bibliotecas de JavaScript populares en la actualidad los han recuperado. Pero digamos que algo como React es demasiado pesado para usted: ¿cuál es el jQuery de las cosas ligeras de interactividad en la página? Vue camina en la línea entre eso y ser más un “marco grande”. Alpine.js es probablemente el jugador principal. Pero aquí viene Vue nuevamente con un toque a Alpine con una versión de sí mismo que es bastante pequeña y hace el mismo tipo de cosas.