React ile web uygulamaları geliştirmek için öncelikle Node.js indirilip kurulması gerekir. Sonra React ile proje geliştirme yapabilmemiz için gerekli olan paketi kurulumu için VS Code terminali üzerinden çalıştırıyoruz.
- npm install -g create-react-app
daha sonra bir react projesi oluşturuyoruz.
- npx create-react-app intro
‘intro’ yerine oluşturmak istediğimiz projenin ismini giriyoruz. Bu şekilde bir react projesi oluşturduğumuzda gerekli olan babel, webpack (konfigürasyon dosyaları ) ve zorunlu olan react, react-dom gibi paketlerle uğraşmadan oluşturulmuş oluyor.
start, run build, test ve run eject
React Dosya Yapısı
node_modules: Projenin bütün bağımlılıkları bu dosyada yer alır.
public: static dosyaları barındırır. ()index.html gibi
src: Javascript dosyalarını içerir. Temel index.js ve App.js’i içerir. App.js projenin başlangıç noktasıdır, index.js ise hangi javascript dosyasının nerede ne zaman render edileceğinin belirtildiği ana js’tir.
npx: npm frontend geliştiriciler tarafından sıkça kullanılan ve proje içerisinde ihtiyaç duyduğumuz javascript paketlerini indirebildiğimiz bir araçtır. Bu araç ile kullanmak istediğimiz paketleri local veya global olarak yükleyebiliriz.
Kaynakça :