Klasör Yapısı 123

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 gelir git 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.

Komutlar

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