Kioxia_Techolay
Kioxia_Techolay_Mobile

JavaScript React yüzeysel inceleme

  • Konuyu başlatan Konuyu başlatan 4142
  • Başlangıç Tarihi Başlangıç Tarihi
  • Mesaj Mesaj 9
  • Görüntüleme Görüntüleme 281
  • Etiketler Etiketler
    inceleme react
4

4142

Uzman
Katılım
4 Şubat 2024
Mesajlar
2.421
Makaleler
9
Çözümler
5
Beğeniler
1.910
Arkadaşlar merhaba.

Bugün React Front-End aracını deneyim ettim. Öncelikle arkadaşlar çok kullanışlı bir araç.
Genel olarak yaptığımız olay kutucuklar tasarlayıp, web-sayfasına basıyoruz. En güzel böyle anlatabildim.

Yani HTML, CSS kodlarıyla oluşturduğunuz tasarımları parça, parça sayfaya güzelce yerleştirerek modüler bir yapı elde ediyorsunuz.

İçinde kendi gömülü sunucusu varmış. Onu bilmiyorum tam olarak.

Ben direkt Spring Boot'u bağladım. Restfull API'ler ile çektiğim bilgilerleri direkt bastım ve güzelce kullandım.

HTML, CSS bilgilerimizi böyle kolayca kullanabilmek süpermiş.
 
Yonga dedi:
GitHub'a pushlama imkanın var mı Spring kısmıyla birlikte? Ben de Java hiç kullanmıyorum incelemek isterim.
Genişletmek için tıkla...
Küçültmek için tıkla...
Hocam iki farklı projedir.
İki embeded sunucu başlıyor ve birbirine bağlıyorsun. GitHub hesabım yok hocam maalesef.

Springboot tarafı bu:
1720099344853.webp



Bu da React tarafı;
1720099419052.webp


8080 portu Springboot'a ait.

1720099698179.webp
 
Son düzenleyen: Moderatör:
4142 dedi:
Bu da React tarafı:
1720099419052.png
Genişletmek için tıkla...
Küçültmek için tıkla...

Class yerine Functional Component kullanmanız, çeşitli açılardan yararınıza olabilir. Resmî olarak öneriliyor:

1720104794034.webp


Ben React'i öğrenmeye başladığımda eski sitelerinde ("Eski" olmuş, vay be... 🥲) iki tür Component'tan da örnekler veriliyordu ve hooklar galiba yeni gelmişti. Gözüm direkt Functional tarafına kaymıştı çünkü syntaxini, daha doğrusu sınıf yerine fonksiyon yazımını oldukça beğenmiştim. Yıllar geçtikçe Functional türü, hooklar ile birlikte varsayılan hâle geldi.

Bir de bileşenler, veriyi çekmek için kullandığı işleve göre değil de arayüzde gösterdiği elemente göre isimlendiriliyor. GetBooks yerine BookList veya table kullandığınız için BookTable vb. isimleri tercih edebilirsiniz. Bu, anlaşılırlığı artırır.

Ekran görüntünüzü inceleyince Prettier gibi bir formatter kullanmanızı da önerebilirim. Kodunuzu düzgün ve düzenli tutmanızı sağlar. VS Code'da eklentisi var. Mesela ilk satırın sonunda noktalı virgül var ama ikincinin sonunda yok, fazlalık boş satırlar falan var. Bunları Prettier hallediyor.
 
4142 dedi:
@brkdnmz
Legacy megacy ama süper bir şey. Olmayan back-end skillerimi, front-end ile birleştirip çocuk yapacağım.
Genişletmek için tıkla...
Küçültmek için tıkla...

Legacy olan React değil de Class Component, React'in kendisi süper yoksa. : ))
Aynı ürünü üreten iki farklı türden birisi. Artık Functional tercih ediliyor.

Class'a süper diyorsanız renkler ve zevkler... : D
 

Benzer konular

D
React ve docker desktopta build alma süresi çok uzun oluyor
Mesaj
2
Görüntüleme
35
TerabyteForever
TerabyteForever
mertjr
React için güncel Türkçe kurs önerisi
Mesaj
1
Görüntüleme
85
652
6
D
  • Soru Soru
React ile web sitesindeki resimler veritabanı ile mi çekilmek zorunda?
Mesaj
3
Görüntüleme
130
brkdnmz
brkdnmz
G
React npm WARN deprecated [email protected] hatası
Mesaj
8
Görüntüleme
280
brkdnmz
brkdnmz
jsx
  • Anket Anket
Vue mi React mı Angular mı?
2
Mesaj
13
Görüntüleme
474
6737
6

Yeni konular

Yeni mesajlar

Geri
Yukarı Alt