Насб ва тайёр кардани барномаи React

Дар ин дарс мо бо насб ва тайёр кардани барномаи React оғоз мекунем, зеро дар оянда мо онро дар пайванди бо Redux истифода хоҳем кард. Равишҳои зудтаре барои эҷоди шаблони барномаи React бо Redux мавҷуданд (ки ин барои омӯзишгарон ҳамеша осон нест), ки дар ҳуҷҷатҳои расмӣ зикр шудаанд, аммо мо аз сифр оғоз мекунем.

Барои оғоз, барномаи React-ро бо номи my-app бо истифода аз Vite (ивазкунандаи муосири Webpack) месозем. Барои ин терминал-ро кушода ва фармонҳои зеринро ворид мекунем (дар ихтиёрҳои пешниҳодшуда, агар вуҷуд дошта бошанд, React ва сипас JavaScript-ро интихоб мекунем):

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

Барномаи эҷодшударо оғоз мекунем:

npm run dev

Дар браузер истиноди пешниҳодшуда http://localhost:5173/-ро кушода ва экрани ошноро мебинем. Ҳама чиз кор мекунад.

Акнун бегонаҳоро тоза мекунем. Ҷузваи public-ро пок мекунем. Дар ҷузваи src фақат main.jsx, index.css ва App.jsx-ро мегузорем (дар index.css ва App.jsx мундариҷаро пурра тоза мекунем).

Дар файли index.html матни унвонро ба ин иваз мекунем:

<title>React Redux App</title>

Барномаи React-ро эҷод кунед ва боварӣ ҳосил кунед, ки он кор мекунад.

Файлҳо ва ҷузваҳои бегонаро тоза кунед.