-
node_modules
: Bu klasör, projenin bağımlılklarını (3. parti paketler/ kütüphaneler) örneğin React , Bootstrap gibi paketleri içerir. Yeni indirdiğimiz kütüphanein çalışması için gereken kodları buraya kaydeddilir. Bu klasörü elle düzenlemiyoruz . Paket indirde değiştirme işlmlerini komutlar aracılığı ile yapıcaz. -
public
: Bu klasör, projenin genele olarak erişlebilir olmasını istediğimiz dosyaları barındırır. Logo'lar resimler iconlar ve html dosyası. -
.gitignore
: Bu dosya,git'e yüklenmesini istemedğimiz klasörleri ve dosyları tanımladığımız yer. Örneğin içersinde "nodemodules" yazıyor bu şu anlma gelirgit add .
komutu ile değşikleri git'e kaydermek istediğiniz zaman node modules'ü görmezden gelicek ve pushlandığında githuba gönderilmeyecek. -
package.json
: Bu dosya projedeki kullanılan bağımlıkları (kütüphanler) ve sürümşlerini, projeyi çalıştırmak compile etmek için bazı komutları ve yarları içeren json dosyası. Projemizin Kimliği. -
package-lock.json
: Bağımlıkların spesifik sürümlerini ve bağımlılklar arsında ilişkisinin verisini tutar. -
src: Bu klasör uygulamamızın kaynak kodunu içerir. Projeyi bu klasör içerisnde geliştiririz.
-
- App.css / index.css: Stillendirme dosyaları
-
- App.js: Varsayılan olarak oluşturulan yemel uygulama bileşeni. Bu dosya içerisnde yazdıklarımız ekrana basılır
-
- index.js: React uygulmasının başlangıç noktasıdır. Bu dopsya uygulmada oluşturudğumuz sayfa ve bileşenlerin DOM'un içerisne yerleştirildiği yerdir.
-
npm i paket_ismi | npm install paket_ismi
: projeyi yeni bir paket dahil etmeye yarar -
npm i paket_ismi@4.0.0
: indilecek olan pakedin sürümünü belirleme -
npm uninstall paket_ismi
:proje var olan bir pakedi kaldırmaya yarar. -
npx create-react-app klasor_ismi
: bir react projesi oluşturur. -
npm start
: React projesnin ayağa kaldırmaya yarar. Geliştirici modunda çalışır. Terminalin proje klasöründe olduğundan emin olun.
-
Birden fazla elemanı ekrana basmak istediğimiz zaman kullandığımız yapı
-
Bir dizi içerisndeki eleman sayısı kadar ekernaa basma işlemi yapmak isyiyorsak map yöntemi kullanırız
-
Bir bieleşnden diğerine veri aktarmak iiçn kullandığımız yöntem
-
Her zaman üstten aşşğıya doğru üssteki bileşen çocuk bileşene doğru bir veri aktarım yönü vardır
-
Ekrana basılcak olan arayüzün bir koşula göre ekrana gelme durmuna denir.
-
- Terneray Operator (? :)
-
eğer yazdığımız koşulun else durmu varsa yani koşul gerçekleşmezsede ekrana bir şey yazdırmak isiyorsak bunu kullanırız