- Cómo usar la herramienta de compilación Vite con React – Vite está de moda, en parte, porque se basa en esbuild y es increíblemente rápido. Es de la fama de Evan You of Vue, pero no es una herramienta específica de Vue. Aquí, NARUHODO cubre cómo configurarlo para que funcione con React.
- React Architecture: Cómo estructurar y organizar una aplicación React – Tania Rascia con “una guía obstinada” sobre la estructura del proyecto. Me parece muy bonito. me gusta el
@importar alias. Parece que soportaría bastante bien un entorno de tipo monorepo. También me gusta la distinción entre componentes globales frente a componentes revaluables (llamados simplemente “componentes” aquí) y vistas frente a páginas. Probablemente me separaría en tres: Componentes de biblioteca (sin estado global, sin consultas / mutaciones, más de diseño e intencionalmente reutilizables), Componentes del proyecto (lógica de negocios, estado global, no muy confiable) y Páginas (enrutamiento en cuestión). - Lo que NO es nuevo en React 18 – Benny Powers es un poco salado sobre la falta de React
<web-components />apoyo. Estoy de acuerdo en que es desafortunado, ya que los componentes web hacen algunas cosas realmente bien y React hace algunas cosas realmente bien y sería bueno verlos hacer amigos. - Cómo React consiguió tracción: un poco de ironía al considerar el enlace anterior … Shawn Wang y Pete Hunt hablan en este podcast sobre la historia de React y cómo llegó a ser tan popular: “Cómo React superó a sus enemigos: escuchando”.
- Componentes compuestos en React – Ichoku Chinonso cubre este patrón súper útil. Algunos componentes se crean a partir de un grupo de otros componentes pequeños (piense en Tabs, TabBar, Tab, TabPanels, TabPanel) y, con el modelo de componente compuesto, obtiene más flexibilidad, importación lógica y uso de todo el lote. Tengo curiosidad sobre los orígenes de este patrón. Sé que Ryan Florence estaba hablando de eso en 2017, y los vi por primera vez a través de esta publicación de Kent Dodds. Buscando en Google, hay un montón de artículos al azar al respecto. ¿Quizás proviene de conceptos más profundos de la informática?
- Los peligros de la rehidratación: Josh Comeau cubre un error contra el que he tenido que luchar varias veces en las últimas semanas: reaccionar como si estuviera cagando por completo al construir el DOM. Como elementos que están claramente anidados correctamente en el JSX que aparecen en los elementos principales, o como si hubiera olvidado cerrar la mitad de sus dang elementos HTML y el navegador está muy confundido. El problema proviene de intentar hacer la representación del lado del servidor (SSR) y la representación del lado del cliente (CSR), lo que confunde la rehidratación. El DOM del SSR no coincide cuando CSR se hace cargo. Afortunadamente, hay algunos trucos bastante sencillos para solucionarlo.