Selamlar!
Yeni bir serüvene başlıyoruz ve React veya diğer bir ismi ile React.js öğreniyoruz. React bir javascript kütüphanesidir ve web uygulamalarında ön yüz (frontend) yazmak için kullanılıyor. Bir çok avantaj sunuyor, küçük/büyük ölçekli projelerde kullanılıyor.
Biz de bu serimiz ile react öğrenmeye ve küçük projeler geliştirmeye çalışacağız. React ile ilgili tüm detaylara kendi sitesinden veya google’dan çok rahat ulaşabilirisiniz.
React öğrenimi için kullanabileceğimiz bazı kaynaklar
- react.dev : React kendi sitesi ve dökümantasyonu sayesinde kolaylıkla bilgi edinilebilir.
- w3schools.com : Bir çok yazılım dilinin yanında react başlangıç klavuzu sunuyor.
- geeksforgeeks.org : React temellerini edinebileceğiniz başka bir kaynak.
- scrimba.com : En temelden anlatıyor.
Neden React Öğrenmeliyiz?
Modern web geliştirme için güçlü ve etkili araçlara sahip olmamızı sağlar. Bu avantajları kısaca özetleyecek olursak;
- Bileşen Tabanlı Yapı: Kodumuzu küçük, yeniden kullanılabilir bileşenler halinde yazmamıza olanak tanır. Bu da projelerimizi daha düzenli ve kolay yönetilebilir kılıyor.
- Yüksek Performans: React, Virtual DOM kullanarak kullanıcı arayüzlerini hızlı ve verimli bir şekilde günceller, büyük uygulamalarda bile performans artırır.
- Popüler ve Desteklenen Bir Teknoloji: Büyük bir topluluğa ve geniş bir ekosisteme sahip olduğu için destek ve kaynaklar bulmak kolaydır (Buradaki mantığımız bir teknoloji popüler diye öğrenilmez, sadece sorunlarımızı çözüyor mu ve avantaj sunuyor mu şeklinde bakmalıyız.)
- Mobil Geliştirme Desteği: React öğreniminden sonra React Native’e göz atarak mobil uygulama geliştirebilirsiniz.
- Kolay Öğrenebilirlik: JSX, bileşen tabanlı yapı ve Javascript’in bir arada kullanımı, React’i kolay öğrenilebilir ve anlaşılır kılıyor.
JSX hakkında daha fazla bilgiye JSX Nedir? başlıklı yazımdan ulaşabilirsiniz.
Burada React giriş bölümü olduğu için kısa tutup, ana yapısını anlamaya çalışacağız. React denildiğinde Component, Props, State Management olarak 3 ana bileşenden oluştuğundan başlayalım.
- Component: Bir kod yapısını, bir yapı içinde tanımlayıp tekrar tekrar çağırdığımız yapılardır. Function yani 🙂
- Props: Componentler arasında veri aktarımı için kullanılan yapılardır.
- State Management: Çekilen verileri sayfa yenilendiğinde vs. kaybetmemek için uygulama içerisinde tutmak için kullanılan yapıdır.
Buraya kadar react temellerini atmaya çalıştık. Yavaş yavaş edindiğimiz bilgileri pratiğe dökeceğiz ve projeler geliştirmeye başlayacağız.
Gönderilere yorum yazabilir veya @huseyineskan instagram hesabından benimle iletişime geçebilirsiniz.
