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/ და ვნახოთ
ნაცნობი Screensaver. ყველაფერი მუშაობს.
ახლა წავშალოთ ზედმეტი. გავწმინდოთ ფოლდერი public.
ფოლდერ src-ში დავტოვოთ მხოლოდ main.jsx,
index.css და App.jsx (index.css-ში
და App.jsx-ში სრულად წავშალოთ შიგთავსი).
ფაილ index.html-ში შევცვალოთ
სათაურის ტექსტი:
<title>React Redux App</title>
შექმენით React-აპლიკაცია და დარწმუნდით, რომ ის მუშაობს.
წაშალეთ ზედმეტი ფაილები და ფოლდერები.
