Se ha estrenado la nueva documentación de react y resulta que entre sus recomendaciones ha desaparecido totalmente create react app.
En la recomendación de next.js , la recomendación de remix, y la recomendación de gatsby. Existen estos tres y para aplicaciones nativas para react native, está también la de Expo. Ha habido mucha polémica, porque en esta pequeña sección en expo, cuando se clica en enseñar más detalles aparece una explicación, en la que dice: Se puede utilizar react sin ningún tipo de framework y explica por qué, no recomienda utilizar el framework.
Porque si se utiliza, por ejemplo, no hay server side rendering, tampoco hay un buen soporte para seo y seguramente hay muchos problemas que no vienen solucionados como el tema del enrutado, performance etc.
Lo más importante es, ¿dónde está Vite? Vite se ha quedado al final, dónde hay un enlace con otras alternativas a estos frameworks. Al creador Evan you, no le ha gustado nada es el creador de Vue que menciona que dice que si los usuarios están buscando una mención de Vite que sepan que está escondido. Le han contestado el equipo de React, que no está ocultado simplemente, que es la forma recomendada para aquellos que quieran añadir como una parte de su página, no para crear una aplicación. En conclusión ya no se recomienda usar create react app para inicializar los nuevos proyectos de React.
Hay que tener en cuenta que la última versión de create react app es del abril del 2022 . Por lo tanto ya no quedan ni mejoras ni más posibilidades.
Finalmente la forma recomendada sería con Next.js, con Remix, Astro o con Gatsby. Aunque muchas veces puede ser suficiente que se utilice Vite. Como por ejemplo para un Back Office o para hacer pruebas.
A continuación se exponen cada uno de ellos con sus ventajas:
Vite: Vite es una herramienta de compilación que tiene como objetivo proporcionar una experiencia de desarrollo más rápida y ágil para proyectos web modernos. Vite es mucho más rápido que CRA en el desarrollo porque construye su aplicación a pedido, con herramientas como módulos es nativos y compilación es que escalan mucho mejor para grandes proyectos. Proporciona un punto de partida para la creación de SPA, pero no se ocupa de la representación del lado del servidor o el enrutamiento listo para usar (se tiene que configurar), a diferencia de los marcos de representación de reacción como Next.js.
Next.js: Permite crear aplicaciones web completas mediante la ampliación de las últimas funciones de React y la integración de potentes herramientas de JavaScript basadas en Rust para compilaciones más rápidas.
Remix: Centrado en los estándares web y la experiencia de usuario de la aplicación web moderna, simplemente creará mejores sitios web
Gatsby: Permite a los desarrolladores crear sitios web rápidos, seguros y potentes utilizando un marco basado en React y una capa de datos innovadora que hace que la integración de diferentes contenidos, API y servicios en una experiencia web sea increíblemente simple.
Astro: es un marco web popular para crear sitios web centrados en el contenido y de alto rendimiento la arquitectura de interfaz de próxima generación (conocida como Astro Islands) puede optimizar el sitio para que se cargue un 33 % más rápido con un 90 % menos de JavaScript utilizando los marcos de interfaz de usuario, como React, Svelte y Vue.