Derinlemesine React

Description

Bu eğitim, React adlı betiklik (libary) ya da çatımlama (framework) ile geliştirmeyi derinlemesine anlatmaktadır. En temelinden başlanarak orta ve ileri düzey konulara girilmektedir. React ile kullanılan onun bir parçası olmayan araçlar, başka eğitimlere bırakılarak kapsam dışında tutulmuştur. Bu eğitimde amaç uzman geliştirme için gerekli altyapıyı oluşturmak ve gerçek uygulamalarda kullanılan konuların örneklerle açıklanmasını sağlamaktır.

Eğitimde  önce sınıf (class) ve işlev(function) olarak bileşen (component) tanımaması gösterilmektedir. Dışarıdan özellikler (properties - props) aktarılması anlatılmaktadır.

Koşulla geliştirme için if (ise) gibi yapılar tüm seçenekleriyle anlatılamkta; nesneler dizisi üzerinde map() (eşlemle) yöntemiyle tablo benzeri yapıların işlenmesi gösterilmektedir.

Veri üzerinde işlem yapmak için olay (event) ve verileri tutmak için durum (state) konuları açıklanmaktadır. Gerek sınıftaki state gerekse işlevler için useState() konuları gösterilmektedir. Bunun dışında bağlam (context) konusu anlatılmaktadır.

Bir form yapmak için denetimsiz (uncontrolled) ve denetimli (contolled) yöntemleri hem sınıf hem de işlev bileşenleri için açıklanmaktadır.  Çoktan seçmeli girdi sağlayan select, radio ve checkbox öğelerin durumlarla birlikte kullanımı ayrıntılı olarak gösterilmektedir.

Veriler için FormData nesnesi gösterilmektedir. Sonrasında geçerleme (validation) konusu hem bütüncül hem de parçalı olarak anlatılmaktadır. Bunlarla birlikte yanlışlık iletileri (error messages) ve dokunma (touch) konuları işlenmektedir.

İçerikte yüksek dizgeli bileşenler (higher-order components), anakapı (portal) gibi göreli olarak ileri konular da yer almaktadır.

Ugulamanın yaşam döngüsü (lifecycle) konusu hem sınıflar için bindirme (mount) konusuyla hem de işlevler için effect (etki) ve geriçağrı (callback) ile gösterilmektedir. Bir saklatım (storage) örneği üzerinden etki kullanımı açıklanmaktadır.

Başarımı artırmak için memo() işlevinin kullanımı ve useMemo() işleviyle veriler değişmedikçe çıktını aynen kullanılması ve herhangi bir işlem yapılmaması gibi konular açıklanmaktadır.

React çatımlamasının indirgeme (reduction) aracı olan useReducer() anlatılmaktadır. Bununla Redux gibi araçların araçların temel çalışma ilkelerinin anlaşılması için giriş yapılmaktadır. Ancak Redux gibi araçlar başka bir eğitimde anlatılmak üzere dışarda tutulmuştur.

Uygulamada oluşan yanlışlık (error) durumların kotarmak için kullanılan yanlışlık sınırı (error boundry) konusu kapsama alınmıştır.

TypeScript dili kullanılarak React ile geliştirmenün tür güvenli (type-safe) gerçekleştirilmesi anlatılmaktadır. Bir değişken, işlev ve nesne için kullanımı dışında bileşen (component) tanımlamasında özellikler (properties) ve durum (state) için kullanımları da gösterilmektedir.

Son bölümde JSX kullanmadan React ile geliştirme gösterilmektedir. Bu konu, hem eski sürümlerin öğrenilmesi hem de yeni sürümlerde de arkada çalışan yapının anlaşılması için içerilmiştir. Daha iyi böceksizleme (debugging)  yapma ve başka çatımlamalarla JavaScript üzerinden iletişim kurma gibi konularda da yararlı olabileceği için eklenmiştir.

TAKE THIS COURSE