React Router фреймворкүн орнотуу

Бул окуу куралынын бөлүмү үчүн, React Router менен катар, биз Vite колдонобуз, ал чогулткуч жана сыноо сервери катары.

Баштоо үчүн, Vite колдонуп, React-колдонмо my-app түзөлү. Бул үчүн терминалды ачып, төмөнкү командаларды киргизебиз:

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/, көчүрүп браузердин дарек сабына жазып, иштеп жаткан колдонмоны көрөбүз (эсептегич түймөчөсүн басып көрө аласыз).

Задание 1

Сабакта сүрөттөлгөндөй, Vite менен React колдонмосун түзүңүз, react-router-dom модулун орнотуңуз. Колдонмо иштеп жатканына ынаныңыз.