Installasie en Voorbereiding van 'n React-toepassing
In hierdie les sal ons begin met die installasie en voorbereiding van 'n React-toepassing, aangesien ons dit later saam met Redux sal gebruik. Daar is vinniger maniere om 'n sjabloon vir 'n React-toepassing met Redux te skep (wat oorigens nie altyd maklik beteken nie, veral vir beginners), wat aangedui word in die amptelike dokumentasie, maar ons sal van vooraf begin.
Om te begin, skep ons 'n React-toepassing met die naam
my-app deur Vite te gebruik
(dit is 'n moderne vervanging vir Webpack).
Om dit te doen, open ons die terminale
en voer die volgende instruksies in (in die voorgestelde opsies,
indien beskikbaar, kies ons React en dan JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Laat ons die geskepte toepassing begin:
npm run dev
Open die voorgestelde skakel
http://localhost:5173/ in 'n blaaier en ons sal
die bekende welkomstskerm sien. Alles werk.
Nou verwyder ons die oorbodige. Maak die gids public skoon.
In die gids src laat ons net main.jsx,
index.css en App.jsx oor (in index.css
en App.jsx verwyder ons die inhoud volledig).
In die lêer index.html vervang ons die teks
van die titel met:
<title>React Redux App</title>
Skep 'n React-toepassing en maak seker dat dit werk.
Verwyder oorbodige lêers en gidse.
