React Router Kurulumu
React projesine başlamanın en kolay yolu, bir Facebook projesi olan Create React App
başlangıç kitini kullanmaktır.
Öncelikle create-react-app
uygulamasını yüklemediyseniz yükleyin ve ardından yeni bir proje oluşturun.
Create React App ile ilgili detaylı bilgi için react js kurulumunda ilgili başlığı okuyabilirsiniz.
Aşağıdaki komutlar ile create-react-app
ı indirip, demo-app
adında bir proje oluşturabiliriz.
npm install -g create-react-app
create-react-app demo-app
cd demo-app
Kurulum
React Router DOM, npm
veya yarn
yardımı ile kurabilirsiniz.
npm install react-router-dom
//yada yarn ile kurulum yapmak istiyorsak
yarn add react-router-dom
Aşağıdaki kod örneğinde olduğu gibi src/App.js
dosyasında react-router-dom
u projenize import edebilirsiniz.
import React from 'react'
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom'
Componentlerin detaylarına ilerleyen sayfalarda girilecektir ve uygulamalı olarak açıklanacaktır.
Kurulumu tamamladıktan sonra hızlı başlangıç bölümünden okumaya devam edebilirsiniz. Ardından her component ayrıntılı olarak anlatılacak ve örnekler ile uygulamalı eğitime geçilecektir.