React Router Framework Kurulumu

Bu eğitim bölümü için, React Router'a ek olarak, derleyici ve test sunucusu olarak Vite kullanacağız.

Başlangıç olarak, Vite kullanarak my-app adlı bir React uygulaması oluşturalım. Bunun için terminali açıp aşağıdaki komutları girelim:

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

Yönlendirme (routing) ile çalışmak için react-router-dom modülüne ihtiyacımız var, hadi onu da kuralım:

terminalnpm install react-router-dom

Artık çalışmaya başlamak için her şey hazır. Uygulamamızı çalıştıralım:

terminalnpm run dev

Terminalde belirtilen http://localhost:5173/ linkini tarayıcının adres çubuğuna kopyalayıp çalışan uygulamayı görebiliriz (sayac butonuna tıklayabilirsiniz).