Saltar al contenido principal

Instalación

Para empezar un nuevo proyecto basado en React existen multitud de herramientas que proporcionan todo lo necesario para el desarrollo.

React Create App​

La herramienta oficial para la creación de proyectos en React es React Create App.

Añade un capa de abstracción alrededor de Webpack (bundler) y utiliza Babel (compiler).

Actualmente se considera una solución lenta y pesada en comparación con otras alternativas.

Docs
npx create-react-app <app>
cd <app>
npm start

Vite​

Vite es una alternativa a la creación de proyectos en JavaScript de cualquier índole.

Durante el desarrollo se muestra un solución más rápida y eficiente, obteniendo un bundle final mucho más ligero.

Utiliza Rollup como bundler y esBuild como compiler.

Docs
npm create vite@latest
> y
> <app>
> react
> react
cd <app>
npm i
npm run dev

tip
  • Un bundler se utiliza para agrupar todos los ficheros JavaScript en uno solo, aunque también es posible agruparlos según el uso que se lo vaya a dar en cada una de las páginas.
  • Los compiler/transpiler sirven para utilizar JavaScript moderno y convertirlo a código compatible en navegadores antiguos, además proporcionan la capacidad de extender JavaScript fuera del estándar como es el caso de JSX.
tip

La ejecución del proyecto en modo desarrollo desde el navegador en la dirección localhost:3000