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-domu 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.

İlk Konu: Route Render Etmek