Lecciones del curso
Introducción al desarrollo web full stack con React Router
Hay varías maneras de comenzar con RRv7, según de donde vengas; de la nube o hosting que usas. ☁️ Los templates son una manera muy popular de no iniciar de cero y, así, poder concentrarte en construir tu app.
¡Incluso de poder llevar a producción desde el día cero! ⛅️
Por eso, el inicio más simple recomendado es con npx y create-react-router.
npx create-react-router@latest mi-primer-app-rr7
Debemos asegurarnos de tener instalada, cuando menos, la versión 20 de Node.js.
cd mi-primer-app-rr7 && npm i && npm run dev
Una vez instalados todos los paquetes con npm, podemos ejecutar el servidor de desarrollo de Vite, y visitar http://localhost:5173. Aunque, en este hogar preferimos el puerto 3000, mismo que designaremos en la configuración de Vite.
import { defineConfig } from 'vite' export default defineConfig({ server: { port: 3000 } // o también strictPort si somos necios 😝 })
Muchos templates
La comunidad de React Router ha puesto a nuestra disposición muchas opciones listas para producción, pues, ha aprendido mucho de los populares Remix-Stacks.
Sí, yo también los extraño, pero ¡hey! No dejes de echarle un ojo a los enlaces para que te enteres de todo lo ahora disponible con los ready to deploy templates. 🃏
npx create-react-router@latest --template remix-run/react-router-templates/<template-name>
Con esta hiper-compatibilidad, podemos mantener nuestra libertad y nuestras opciones como desarrolladores web indi, 🏴 **sin quedar atrapados en una celda con forma de triangulo negro.
bliss.