React

React te her şey komponenttir. KOmponentler iç içe geçerek bir hiyerarşi oluşturur. Geniş komponentten (dış komponent) dar komponente (içerideki kompnent) bilgi aktarımı olurken tersi olmaz. 

kurulum:Terminalden "npm install -g create-react-app" komutunu ver. react programını kurar. -g: global oluşturur.

uygulama aşlatmak için: "npx create-react-app proje_klasörü_adı" komutunu ver.

Değişim durumunda sadece değişen komponent yenilendiği için sayfalar hızlanır.

Yazdıkların konteynır tegi içinde olmalı. ör: <div></div>

export: public gibidir. her yerden erişilebilir anlamına gelir.

Extend: miras almak. yazdığımız komponentler react kütüphanesindeki Component nesnesini extend ederek bir komponent olurlar.

component 3 çeşit: fonksiyon, class ve hook komponenetler.

rcc: komponent snippeti.

export: public anlamına gelir yani her yerden ulaşılabilir.

render: değişen veriye göre komponenti yeniler.

import Navi from "./Navi";

Navi: yazdığım diğer komponent. ./=> bulunduğum klasör. kullanmak için import etmem gerekiyor.

class komponentler yaygın olarak kullanılarn komponent türüdür. İçinde fonksiyon barındırı. sen de kullanmak istediğin bir fonksiyonu bu komponentin içinde yazarak kullanabilirsin.

fonk ör: render(){

    return(

        <div>

        </div>

    )

} 

diğer bir tip, react hook komponentleri.

render foonksiyonu ne iş yapar: komponentte değişiklik olunca bu değişikliği kullanıcı arayüzüne yansıtır. komponenti yeniler.

İlk açıldığında ana komponent App.js dir.

App.js'in komponenti görmesi için komponentin App.js'e import edilmesi gerekir.

import komponet from './KomponetDosya' => bu ifadede ./, aynı klasörde demektir. Aynı klasördeki KomponentDosyadan komponent eklenmiştir.

Komponent iki şekilde yazılabilir: <com></comp> veya <comp />.

index.js, ana konfigürasyon dosyasıdır.

Bootstap kullanmak için npm install bootstrap komutu verlir.

reactstrap: bootstrap yapısını reacktla birlikte kullanmak için komponent haline çevrilmiş.

npm install reactstrap: ile kurulumu yap.

props nedir: komponentler arasında bilgi taşımak için kullanılan bir yöntemdir.

İE'da görünme için "npm  start" de.

index.js: ana konfigürasyon dosyamız.

$ npm -v : node Node Package Manager versiyon numarası. verirse yüklüdür.