Hola. En este video quiero platicarte tres de las novedades del nuevo React Router v7, tres actualizaciones que ya se pueden usar en la versión de prueba y pronto serán estables. Incluso podemos decir que también son novedades de Remix 3. Y si te chutas todo el video, te voy a añadir el pilón, con una cuarta noticia tan perrona que se te van a caer los calzones. 🩲

Me he mantenido cerca de los roadmaps que el equipo de React Router ha estado haciendo mes a mes para compartir con la comunidad de forma transparente los cambios y planes que van teniendo a lo largo del año, justo como debe hacerlo una comunidad abierta y open source de verdad. Honestamente, esto es en gran medida lo que me mantiene pegado a la comunidad de Remix, prefiero seguir a seres humanos reales, developers motivados por la creatividad y no solo por el dinero. No me gustan tanto las presentaciones de tipo Apple, donde todo es perfecto y uno nomás cumple el rol de consumidor que ovaciona todas las migajas que le avientan sus amos (Vercel cof cof), perdón. Me dió la tos.

Por eso te voy a contar cuáles son las tres novedades que más estoy disfrutando del preview de React Router v7 y al final te contaré el chisme del que me enteré sobre el estreno.

🤩 Novedad #1: Archivo de rutas

A mí me gustan mucho las flatRoutes, pero la comunidad de Remix ha batallado mucho con esta idea de usar rutas basadas en archivos que llenan el proyecto de puntos y símbolos de pesitos everywhere. ⚫️🤑 Los desarrolladores que han experimentado el ruteo en otros frameworks más maduros, saben que las rutas en carpetas o con delimitadores de puntos se pueden descontrolar fácilmente y no son muy buenos para que el app crezca con libertad. Por eso, RR7 viene con la opción de usar un solo archivo para todas tus rutas, donde de manera simple puedes declarar cualquier ruta sin importar lo compleja que esta pueda ser, y que apuntará a cualquier archivo dentro de tu proyecto, sin importar que tan profundo o enterrado entre carpetas se encuentre. Esto nos da una total libertad en el ruteo y ¡lo simplifica todo! Bien hecho MJ! ✅

😱 Novedad #2: Adiós al hook useLoaderData

¿No te termina de gustar TypeScript ha?, el tipado con Typescript se ha vuelto algo indispensable para el desarrollador web que prefiere las sugerencias de este maravilloso lenguaje. Si has estado intentando tipar tus componentes correctamente, seguro sabes de las bondades y comodidades que se gozan con el intelisense. Pero también sabrás del dolor que a veces causa el no lograr el tipado de punto a punto, mejor conocido como end-to-end-type-safety. Bueno, pues Remix3, digo React Router v7, ahora te libera de tener que tipar tu mismo la data que el cliente recibe desde el loader. Sí, porque ya no es necesario utilizar el hook useLoaderData, porque los datos ¡ahora se inyectan directamente en los props de la ruta! 🤯 Así, RR7 puede generar los tipos por ti, y colocarlos en su archivo correspondiente; sin mayor esfuerzo. ¿Acaso, sin tener que colocar los tipos tu mismo, ya te guste TypeScript?

🥳 Novedad #3: El server side rendering NO ES FORZOSO

La gran mayoría de la comunidad de React Router son developers del cliente que disfrutan de hacer pequeñas Single Page Apps. Y así quieren seguir. Sí, hay quienes no tienen mucho o ningún entusiasmo por el server side rendering y todo lo que los developers de React andan empujando para migrarse al servidor; prefieren quedarse en el cliente. Por eso, React Router (a diferencia de Next) no te obliga a migrarte al servidor. Si los loaders y los actions simplemente no te prenden, bueno, puedes apagarlos y quedarte trabajando a gusto en el navegador. ⛵️

🗣️ El pilón #4: ¡La fecha de estreno es en noviembre!

El pilón que quiero compartirte en este video es ¡la fecha de estreno! Que claro, todavía no está definida, pero en uno de los roadmaps pude escuchar con mis propias orejitas sucias 🦻🏼 que Michael Jackson dijo que lo tienen pensado para la segunda mitad de noviembre. Así que pronto todo esto estará listo para producción. ¿Tú ya sabes qué aplicación vas a reescribir? 😆 Yo sí, pienso reescribir fixtergeek.com con React Router v7 y subirte mi paso a paso a este canal. 😲 Así que no olvides de suscribirte para que programemos fixtergeek.com juntos. También voy a liberar un cursito con todos los detalles de React Router v7 y así, tú también puedas estar al día con la herramienta que seguramente se convertirá en la mejor forma de adoptar React 19. “Quemoción” 🤩

Abrazo. Bliss. 🤓