React Router фреймворгін орнату
Бұл оқулық бөлімі үшін, React Router-ден басқа, біз Vite-ті жинақтаушы және сынақ сервері ретінде қолданамыз.
Алдымен my-app React-қолданбасын
Vite қолданып жасайық. Ол
үшін терминалды ашып, мына
командаларды енгіземіз:
npm create vite@latest my-app -- --template react
cd my-app
npm install
Маршруттаумен жұмыс істеу үшін
бізге react-router-dom модулі қажет,
оны да орнатайық:
npm install react-router-dom
Енді жұмысты бастауға барлығы дайын. Қолданбамызды іске қосайық:
npm run dev
Терминалда көрсетілген http://localhost:5173/ сілтемесін
шолғыштың мекенжай жолына көшіріп,
іске қосылған қолданбаны көреміз
(есептегіш түймесін басып көруге болады).
Сабақта сипатталғандай, React-те Vite қолданып қолданба жасаңыз,
react-router-dom модулін орнатыңыз. Қолданбаның іске қосылатынына көз жеткізіңіз.