HomeSugerenciasEjemplos
imagen

React init

Configuración inicial de react app

Instrucciones

Inicializar package.json (doc oficial)

npm init -y

Instalar Babel

npm i -D @babel/core @babel/cli @babel/preset-env

Instalar reactJS 18 y el plugin de react para babel

npm i -S react react-dom
npm i -D @babel/preset-react

Agregar archivo .babelrc a la raiz del proyecto

// .babelrc 
{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
}

Instalar React Router 6 para manejar las rutas de nuestra SPA

npm i -S react-router-dom

Instalar webpack 5 y webpack-dev-server

npm i -D webpack webpack-cli
npm i -D webpack-dev-server

Instalar html-webpack-plugin

npm i -D html-webpack-plugin

Instalar babel-loader

npm i -D babel-loader

Instalar babel/plugin-transform-runtime

npm install -D @babel/plugin-transform-runtime

Instalar CopyWebpackPlugin que nos ayuda a copiar archivos o directorios a la carpeta build

npm i -D copy-webpack-plugin