Instalimi dhe Përgatitja e Aplikacionit React

Në këtë mësim do të fillojmë me instalimin dhe përgatitjen e një aplikacioni React, pasi në të ardhmen do ta përdorim atë të lidhur me Redux. Ka mënyra më të shpejta për të krijuar një shabllon të aplikacionit React me Redux (që nga rruga nuk do të thotë gjithmonë e lehtë, sidomos për fillestarët), të cilat janë treguar në dokumentimin zyrtar, por ne do të fillojmë nga e para.

Për fillim, le të krijojmë një aplikacion React my-app duke përdorur Vite (ky është një zëvendësues modern i Webpack-ut). Për këtë, do të hapim terminalin dhe do të shkruajmë komandat e mëposhtme (në opsionet e ofruara, nëse ka, do të zgjedhim React dhe pastaj JavaScript):

npm create vite@latest my-app -- --template react
cd my-app
npm install

Tani le të nisim aplikacionin e krijuar:

npm run dev

Le të hapim në shfletuesin linkun e propozuar http://localhost:5173/ dhe do të shohim ekranin e njohur fillestar. Gjithçka funksionon.

Tani le të heqim gjërat e panevojshme. Le të pastrojmë dosjen public. Në dosjen src do të lëmë vetëm main.jsx, index.css dhe App.jsx (në index.css dhe App.jsx do të fshijmë plotësisht përmbajtjen).

Në skedarin index.html le të zëvendësojmë tekstin e titullit me:

<title>React Redux App</title>

Krijoni një aplikacion React dhe sigurohuni që funksionon.

Fshini skedarët dhe dosjet e panevojshme.