React, toplulukta bulunan popüler JavaScript çerçevelerinden biridir. React çok güçlüdür ve react kullanarak çeşitli web uygulamaları geliştirebilirsiniz. Bu yüzden bugün, react çerçevesini kullanarak yapabileceğiniz 5 projeyi listeliyoruz.

1. COVID-19 Bilgi Uygulaması

COVID-19'un güncel bilgilerini ve istatistiklerini gösteren bir web sayfası oluşturabilirsiniz. COVID-19 ile ilgili verileri almak için bir API kullanabiliriz. Bu bilgiyi sayfada istediğiniz gibi gösterebilirsiniz. Verileri almak için disease.sh adresinden API yapabilirsiniz .

Ne öğreneceksin?

  • API Management (API Yönetimi)
  • Props (Sahne Yönetimi)
  • State Management (Durum Yönetimi)
  • Flexbox For Containers

2. Hava Durumu Uygulaması

Hava durumunu bilmek için kendi hava durumumuzu yaratabiliriz. Farklı şehirleri aramak için bir giriş kutusuna da sahip olabiliriz. Şehrin adını almak ve web sayfasında hava durumu bilgilerini görüntülemek için bir giriş kutusu oluşturabilirsiniz. OpenWeather , hava durumu bilgileri sağlayan en sevdiğim API'lerden biridir. API, simge koduyla birlikte gelir. Hava durumuna göre bir simge görüntülemek için bu kodu kullanabilirsiniz.

Ne öğreneceksin?

  • API Management (API Yönetimi)
  • Props (Sahne Yönetimi )
  • State Management (Durumlar)
  • Reusable Component (Yeniden kullanılabilir Bileşen)

3. Yemek Tarif Uygulaması

Evet, size ve lezzetli yemekler pişirmek isteyenlere yardımcı olacak bir tarif uygulaması. Bu uygulamada, aranan girdiye göre yemek tarifi görüntüleyebiliriz. Ayrıca bazı özellikli tarifleri de gösterebiliriz. Edamam , tarif uygulamaları için bir API sağlar. Mevcut en iyi tarif API'lerinden biridir.

Ne öğreneceksin?

  • API Management (API Yönetimi)
  • Props  (Sahne Yönetimi )
  • State Management (Durumlar)
  • Reusable Component (Yeniden kullanılabilir Bileşen)

4. Hesap Makinesi Uygulaması

React'i kullanarak daha gelişmiş bilimsel hesap makinesine bir temel geliştirebilirsiniz. Bir hesap makinesi tasarlamak, dili anlamanıza yardımcı olabilir. Aynı zamanda matematik bilginizi de test edecek. Ancak bir hesap makinesi tasarlamak ve ihtiyacınıza göre özellikler vermek oldukça eğlenceli.

Ne öğreneceksin?

  • Props  (Sahne Yönetimi )
  • State Management (Durumlar)
  • Reusable Component (Yeniden kullanılabilir Bileşen)

5. Yapılacaklar Uygulaması

Listeye yeni bir yapılacaklar öğesi eklemek için bir giriş kutusu içeren bir yapılacaklar uygulaması yapabilirsiniz. Yapılacaklar uygulamasına yeni bir görev girmek için bir giriş kutusuna sahip olabilirsiniz. Bu bilgileri depolamak için bir veritabanınız olabilir. Verileri depolamak ve gerçek zamanlı güncelleme almak için firebase'i kullanabilirsiniz. Tamamlanan ve tamamlanmayan görev için animasyona sahip olabilirsiniz. Tamamlanan göreve göre de kullanıcıya puan verebiliriz.

Ne öğreneceksin?

  • Firebase Database Management
  • Props  (Sahne Yönetimi )
  • State Management (Durumlar)
  • Reusable Component (Yeniden kullanılabilir Bileşen)
  • Realtime Database Update

Evet bu tarz projelerin sayısını çoğaltarak kendinizi daha fazla geliştirebileceğinizi düşünüyorum. Umarım faydalı olmuştur.