Crear una aplicación React
Si quieres construir una nueva aplicación o sitio web con React, recomendamos comenzar con un framework.
Si tu aplicación tiene restricciones que los frameworks existentes no cubren bien, prefieres construir tu propio framework, o simplemente quieres aprender los conceptos básicos de una aplicación React, puedesconstruir una aplicación React desde cero.
Frameworks full-stack
Estos frameworks recomendados admiten todas las funciones que necesitas para desplegar y escalar tu aplicación en producción. Han integrado las últimas características de React y aprovechan la arquitectura de React.
Nota
Los frameworks full-stack no requieren un servidor.
Todos los frameworks en esta página admiten renderizado del lado del cliente (CSR), aplicaciones de una sola página (SPA) y generación de sitios estáticos (SSG). Estas aplicaciones se pueden desplegar en unaCDNo servicio de alojamiento estático sin un servidor. Además, estos frameworks te permiten añadir renderizado del lado del servidor por ruta, cuando tenga sentido para tu caso de uso.
Esto te permite comenzar con una aplicación solo del lado del cliente, y si tus necesidades cambian más adelante, puedes optar por usar funciones del servidor en rutas individuales sin reescribir tu aplicación. Consulta la documentación de tu framework para configurar la estrategia de renderizado.
js (App Router)
El App Router de Next.jses un framework de React que aprovecha al máximo la arquitectura de React para habilitar aplicaciones React full-stack.
npx create-next-app@latestjs es mantenido porVercel. Puedesdesplegar una aplicación Next.jsen cualquier proveedor de alojamiento que admita Node.js o contenedores Docker, o en tu propio servidor. Next.js también admiteexportación estática, que no requiere un servidor.
React Router (v7)
React Routeres la biblioteca de enrutamiento más popular para React y se puede combinar con Vite para crear un framework React full-stack. Hace hincapié en las API web estándar y tiene variasplantillas listas para desplegarpara varios entornos de ejecución y plataformas de JavaScript.
Para crear un nuevo proyecto de framework React Router, ejecuta:
npx create-react-router@latestReact Router es mantenido porShopify.
Expo (para aplicaciones nativas)
Expoes un framework de React que te permite crear aplicaciones universales para Android, iOS y web con interfaces de usuario verdaderamente nativas.Proporciona un SDK paraReact Nativeque facilita el uso de las partes nativas. Para crear un nuevo proyecto de Expo, ejecuta:
npx create-expo-app@latestSi eres nuevo en Expo, consulta eltutorial de Expo.
Expo es mantenido porExpo (la empresa). Construir aplicaciones con Expo es gratuito, y puedes enviarlas a las tiendas de aplicaciones de Google y Apple sin restricciones. Expo además proporciona servicios en la nube de pago opcionales.
Hay otros frameworks emergentes que están trabajando hacia nuestra visión de React full-stack:
- TanStack Start (Beta): TanStack Start es un framework React full-stack impulsado por TanStack Router. Proporciona SSR de documento completo, streaming, funciones del servidor, empaquetado y más utilizando herramientas como Nitro y Vite.
- RedwoodSDK: Redwood es un framework React full-stack con muchos paquetes preinstalados y configuración que facilita la construcción de aplicaciones web full-stack.
Empezar desde cero
Si tu aplicación tiene restricciones que no son bien atendidas por los frameworks existentes, prefieres construir tu propio framework o simplemente quieres aprender los conceptos básicos de una aplicación de React, hay otras opciones disponibles para iniciar un proyecto de React desde cero.
Empezar desde cero te da más flexibilidad, pero requiere que tomes decisiones sobre qué herramientas usar para el enrutamiento, la obtención de datos y otros patrones de uso comunes. Es muy parecido a construir tu propio framework, en lugar de usar uno que ya existe. Losframeworks que recomendamostienen soluciones incorporadas para estos problemas.
Si quieres construir tus propias soluciones, consulta nuestra guía paraconstruir una aplicación de React desde ceropara obtener instrucciones sobre cómo configurar un nuevo proyecto de React comenzando con una herramienta de compilación comoVite,Parcel o RSbuild.
Si eres un autor de framework interesado en ser incluido en esta página,por favor háznoslo saber.