React Router фреймворгін орнату

Бұл оқулық бөлімі үшін, React Router-ден басқа, біз Vite-ті жинақтаушы және сынақ сервері ретінде қолданамыз.

Алдымен my-app React-қолданбасын Vite қолданып жасайық. Ол үшін терминалды ашып, мына командаларды енгіземіз:

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

Маршруттаумен жұмыс істеу үшін бізге react-router-dom модулі қажет, оны да орнатайық:

terminalnpm install react-router-dom

Енді жұмысты бастауға барлығы дайын. Қолданбамызды іске қосайық:

terminalnpm run dev

Терминалда көрсетілген http://localhost:5173/ сілтемесін шолғыштың мекенжай жолына көшіріп, іске қосылған қолданбаны көреміз (есептегіш түймесін басып көруге болады).