ReactJS Workshop'un ücretsiz sürümünün (ekran görüntüsü dahil) başarısından sonra, aynı şey yeni dersler ve değerlendirmeler dahil kod örnekleri içerecek şekilde yeniden oluşturuldu. Haftalık format tanıtıldı.
Direktör - UI Uygulama ve Mühendisliği olarak çalışan bu 5 günlük atölye formatı, ILT'leri bu formatta sunarak büyük başarı elde etmenin ardından benim tarafımdan kavramsallaştırıldı.
Birkaç yıldır JavaScript uygulamaları oluşturuyorum ve burada, orta batı ve ötesindeki birçok sektördeki müşterilere çözümler sunmak için React, Redux, ES6 ve Webpack gibi en yeni ve en büyük ön uç çerçevelerle çalışmayı seviyorum. Birlikte, bir dizi kısa ders ve kod ağırlıklı laboratuarlar aracılığıyla, React ve Redux ile çalışan bir uygulama oluşturacağız. React'i kendi uygulamalarınızda nasıl kullanacağınız ve gelecekte yararlı bir kaynak olarak kullanmak için kod çalıştırma konusunda çalışan bir anlayışla ayrılacaksınız.

Çalıştay Hedefleri
------------------------------------
1. Kelime Hazinesi ve Kavramlara Tepki Verin
2. Redux Kullanımı
3. Modern JS Araçlarına Aşinalık
4. Değerlendirme
5. Kod örneklerine bağlantı
6. Konu materyalinde standart PPT.
7. Öğrenme eğrisinin üstesinden gelmek için organize 5 günlük yaklaşım.

1. React Temelleri
Bu atölye çalışmasının ilk bölümünde, sanal DOM gibi temel React kavramlarını ele alarak başlayacağız. Temel kavramları temizledikten sonra, React sınıflarını ve sağlanan API'leri ele alacağız. Bir React bileşeninin işlemesi, durumları, özellikleri ve yaşam döngüsü hakkında ayrıntılı bilgi vereceğiz. Bundan sonra, tartışma JSX'e ve normal HTML arasındaki önemli farklara gidecek. İlk React bileşeninizi Jest ve Enzyme ile nasıl test edebileceğinizi ele alacağız. Ve tabii ki, en son JS oluşturma araçları, JS bağımlılık yönetimi ve şaşırtıcı Create-React-App önyükleme çerçevesi dahil olmak üzere React araç oluşturma ortamına genel bir bakış.

2. React Yönlendirici
Artık React bileşenlerini nasıl oluşturacağımızı bildiğimize göre, React yönlendiricisini kullanarak yıldırım hızında tek sayfalık bir uygulama oluşturmak için hepsini birlikte nasıl çalıştırabileceğimizi ele alacağız. Bu derste, React durumlarının yapılandırılması hakkında bilmeniz gereken her şeyi ve bunların yanı sıra bunlar arasında geçiş yapmak için kullanabileceğiniz API'leri ve bileşenleri ele alacağız.

3. Kırmızı
Artık uygulama ayak izimiz artmaya başladığına göre, tüm bileşenlerimizin durumunu düzenlemek için iyi bir modele ihtiyacımız olacak. Redux mimarisi burada devreye giriyor: tek sayfalı uygulamamızı desteklemek için tek gerçeğin kaynağı olmak. Bu derste Redux'un önemli kısımlarını (eylemler, indirgeyiciler ve mağazalar) ve bunların nasıl etkileşimde bulunduğunu ele alacağız. Laboratuvarda, Redux kitaplığını uygulamamıza ekleyeceğiz ve onu React bileşenlerimize veri sağlamak için kullanacağız.

4. React Formları ve Doğrulama
Son ders ve laboratuvarda, verilerimizin üzerine bazı formlar ekleyeceğiz. React form bileşenlerini ve neden diğer yerel React bileşenlerinden farklı olduklarını ele alacağız. Ardından, React Bootstrap'te form bileşenlerimize nasıl doğrulama ekleyebileceğimizi tartışacağız. Laboratuvarda, verileri bir REST hizmetinde kalıcı hale getirmek için kullanacağımız formlar oluşturmak için öğrendiklerinizi kullanacaksınız.