React kullanmak için gerekli kütüphaneyi projemize dahil etmemiz gerekiyor. Bunu Cdn kullanarak yapabileceğimiz gibi node.js aracılığı ile gerekli bütün paketleri bilgisayarımıza kurup localde çalışabiliriz.

Maddelerle React Kurulumu

  • React bir tane package sayesinde kurulmaktadır. Bu package’nin adı Create React App Package’sidir.
  • Create React App çalışma ortamımız için gerekli ayarlamaları yapmaktadır.
  • Ek olarak JSX formatı ve diğer Create React App için gerekli olan kütüphaneleri indirmiş olacak.
  • Ancak bunların hepsinin gerçekleşebilmesi için öncelikle bilgisayarınızda NodeJS kurulu olması gerekmektedir.
  • Gerekli olan Download’ı nodejs.org/en sitesinden indirebilirsiniz.
  • Node sürümü sürekli olarak değişmektedir. Önemli olan ; LTS sürümünü indirmektir.
  • Kurulum tamamlandıktan sonra CMD yani komut satırını yada visual studio code kullanıyorsanız yeni bir terminal açmanız gerekiyor.
  • Ancak CMD ‘yi açarken yönetici olarak çalıştırmanız önemli çünkü Create React App’i Global olarak kuracağız. Ek Bilgi: Linux veya Mac’te çalışıyorsanız. Yazdığımız komutların başına Sudo yazabilirsiniz.
npm install -g create-react-app

Artık İlk projemizi oluşturmak için her şey hazır. Kurulum yapmak istediğimiz klasörü VS code ile açtıktan sonra terminale aşağıdakileri yazarak ilk projemizi oluşturabiliriz.

create-react-app my-app

Yukarıdaki iki koda alternatif olarak npx kullanabiliriz. Npx ile paketleri global olarak kurmadan direk çalıştırabiliriz.

npx create-react-app my-app

npm@5.2.0 versiyonuyla birlikte herhangi bir paketi global olarak kurmadan da çalıştırabilen npx hayatımıza girdi. npx herhangi bir paketi çalıştırmak için önce local’deki node_modules klasörüne bakar, eğer bu klasörde istenilen paketi bulamazsa bu paketi kurar ve çalıştırır. Kurulan paket de herhangi bir yerde depolanmaz.

Yukarıdaki örnekte create-react-app ile bir proje oluşturmak istediğimizde öncelikle npx local ortamımızda create-react-app paketinin var olup olmadığına bakacak var ise çalıştıracak eğer böyle bir paket yoksa bu paketi indirdikten sonra çalıştıracaktır.

Projeyi kurduktan sonra ilgili klasörün içindeyken npm start diyerek projeyi başlatabiliriz.

npm start