-
Esenler Yazılımcı Fabrikası – Proje 7 – Product Showroom App
Esenler Belediyesi ve Üretken Akademi‘nin başlatmış olduğu Yazılımcı Fabrikası Bootcamp’in yedinci haftasında projelerimizin kompleks leşmesiyle birlikte durumlarımızı prop drilling ile component lar üzerinde aktarmak yerine Redux adlı state management öğretilmiş oldu. Kamp üzerinde hem eski versiyon kullanıldığı hem de yeni olan arkadaşlarımızın daha iyi anlayabilmesi adına Redux u güncel versiyonla indirip Redux Toolkit ile birlikte nasıl uygulamamız üzerinde state management yapabiliriz onu anlatmış oldum. Bu hafta ise olarak Fake Store API üzerinden sahte ürünler alınıp listeleme , filtreleme gibi işlemler yapılan bir uygulama yapılması istendi. Uygulamamız içerisinde Ant Design adlı CSS framework kullanıldı , bu sayede Reactstrap ile aynı yazım biçimine sahip ve daha fazla component ların yer aldığı şahane bir CSS framework göreceksiniz. Redux Toolkit ile eğer projenizde Redux kullanacaksanız daha efektif bir şekilde kod yazmanızı sağlacaktır. Birinci videoda uygulamamız üzerinde yükleyeceğimiz paketleri indirdik , Redux ve Redux-Toolkit hakkında konuştuk , useState ve useEffect hook unun tanımını anlattım. İkinci videoda API üzerinden gelen verilerimizi tasarladığımız sayfalar ve component lar üzerinde tasarladıktan sonra görsel hale getirdik. Üçüncü videoda ürünlerimiz üzerinde favoriye alma seçeneği ekledik. Herhangi bir back-end uygulamasına bağlanmadığı için client-side üzerinde (localStorage) kaydettik. Dördüncü videoda ise useCallback ve useMemo hook u hakkında bilgiler verip ürünlerimizi kategori ve isme göre filtreleme işlemlerini halletmiş olduk. Videoyu beğendiyseniz kanala abone olmayı ve beğen tuşuna basmayı unutmayın. Video üzerinde hatalı bulduğunuz veya öneride bulunmak istediğiniz kısmı yorumlara yazabilirsiniz. Bilgi , paylaştıkça güzeldir.
Videolara erişebilmek için :
Part 1 -> https://www.youtube.com/watch?v=0Jv01sym-D8
Part 2 -> https://www.youtube.com/watch?v=zkRP8GVCSgw
-
0 Cevaplar
Üzgünüz, yanıt bulunamadı.