Instalarea și pregătirea aplicației React
În această lecție vom începe cu instalarea și pregătirea aplicației React, deoarece ulterior o vom folosi împreună cu Redux. Există modalități mai rapide de a crea un șablon de aplicație React cu Redux (ceea ce, de altfel, nu înseamnă întotdeauna ușor, mai ales pentru începători), care sunt indicate în documentația oficială, dar noi vom începe de la zero.
Pentru început, vom crea o aplicație React
my-app folosind Vite
(acesta este un înlocuitor modern pentru Webpack).
Pentru aceasta, vom deschide terminalul
și vom introduce următoarele comenzi (în opțiunile sugerate,
dacă există, vom alege React și apoi JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Vom porni aplicația creată:
npm run dev
Vom deschide în browser link-ul sugerat
http://localhost:5173/ și vom vedea
ecranul familiar de pornire. Totul funcționează.
Acum vom șterge elementele inutile. Vom goli folderul public.
În folderul src vom lăsa doar main.jsx,
index.css și App.jsx (în index.css
și App.jsx vom șterge complet conținutul).
În fișierul index.html vom înlocui textul
titlului cu:
<title>React Redux App</title>
Creați o aplicație React și asigurați-vă că funcționează.
Ștergeți fișierele și folderele inutile.