Instalación y preparación de una aplicación React
En esta lección, comenzaremos con la instalación y preparación de una aplicación React, ya que en el futuro la usaremos en combinación con Redux. Existen formas más rápidas de crear una plantilla de aplicación React con Redux (lo que, por cierto, no siempre significa fácil, especialmente para principiantes), que se indican en la documentación oficial, pero vamos a empezar desde cero.
Para empezar, crearemos una aplicación React
my-app utilizando Vite
(es un reemplazo moderno para Webpack).
Para ello, abriremos la terminal
e introduciremos los siguientes comandos (en las opciones sugeridas,
si las hay, elegiremos React y luego JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Ejecutemos la aplicación creada:
npm run dev
Abramos en el navegador el enlace sugerido
http://localhost:5173/ y veremos
la pantalla de inicio familiar. Todo funciona.
Ahora eliminemos lo innecesario. Limpiamos la carpeta public.
En la carpeta src dejamos solo main.jsx,
index.css y App.jsx (en index.css
y App.jsx eliminamos completamente el contenido).
En el archivo index.html reemplacemos el texto
del título por:
<title>React Redux App</title>
Cree una aplicación React y asegúrese de que funciona.
Elimine los archivos y carpetas innecesarios.
