React, Facebook tarafından geliştirilen, kullanıcı arayüzü oluşturmaya yarayan, açık kaynak kodlu bir Javascript kütüphanesidir.
Kullanıcı arayüzlerini küçük, bağımsız bileşenlere (components) bölerek, bu bileşenlerin tekrar kullanılabilir ve yönetilebilir olmasını sağlar. Bileşenler, fonksiyonel veya sınıf tabanlı olabilir ve her biri kendine özgü durumları (state) ve özellikleri (props) kullanarak çalışır. Bu yaklaşım, yazılım geliştiricilere daha modüler, sürdürülebilir ve ölçeklenebilir uygulamalar geliştirme olanağı sunar.
Geliştiricilerin her defasında uzun Javascript kodu yazma ihtiyacına çözüm olarak doğan React, Model-View-Controller (MVC) modeline uygun olarak oluşturulmuştur.
Bu kütüphane şu anda Uber, Facebook, Instagram, Amazon, Twitter, Netflix gibi isimlerle birlikte yaklaşık 9000 sektör lideri şirket ve marka tarafından kullanılıyor.
Kullanımı kolay bir bir Javascript kütüphanesi olan React’ı bugün birçok teknoloji devi kullanıyor. React kullanan bazı firmalar şunlardır:
- Herkese, her yerde, dünya standartlarında, bedelsiz eğitim sloganıyla kurulmuş, kâr amacı gütmeyen bir eğitim kuruluşu olan Khan Academy,
- Son zamanların en popüler teknoloji ve medya hizmetleri sağlayıcısı Netflix,
- Arama motoru, e-posta hizmeti portalı Yahoo,
- Kullanıcıların içeriklerini, fotoğraf ve videolarını paylaşabilecekleri Instagram,
- Dünyanın en büyük tüketici elektroniği ve profesyonel elektronik üreticilerinden biri Sony,
- Seyahat edenlerin konaklayacak yer bulmasını sağlayan web uygulaması Airbnb.
Öncelikle React ı kurmadan önce ortamıni hazırlamak adına bilgisayara node.js sayfasından node js i indirip kurduktan sonra terminalden kontrolunu yaparız
|
1 2 3 |
node –v |
Sonrada IDE mizden terminali açarak aşağıdaki komutu yazıyoruz
|
1 2 3 |
npm create vite@latest |
Sonra Çıkan uyarıya y diyoruz
Sonra Projeye bir isim veriyoruz
Sonra Proje olarak React ı seçiyoruz
Sonra da JavaScript ile projemizi açmayı seçerek kurulumu tamamlıyoruz
Sonra projemizin içine girerek npm i kuruyoruz
|
1 2 3 4 5 |
cd my–app //cd bir alt dizine iner npm install |
Sonra da projemizi çalıştırıyoruz
|
1 2 3 |
npm run dev |
CTRL + C ile de projeyi durduruyoruz
Sağlıcakla kalın…
Bir yanıt yazın