React Context API ile Film Sitesi Yapımı

Selamlar. Bu videoda #React içerisinde state yönetimi için kullandığımız #ContextAPI ve #useReducer hookunu bir projede nasıl kullanacağımızı anlattım. Projede eklediğimiz filmlerin kaybolmamasını sağlamak için Local Storage'e kaydettik. Film verilerini TMDB API'dan sağladık. Bu tarz React videolarının devamının gelmesini istiyorsanız kanala abone olmayı unutmayın. Diğer videolarda görüşmek üzere. 00:00 Proje Tanıtımı 03:50 Proje Klasörü Oluşturma 06:20 Gereksiz Dosyaları Silme 08:10 Header Kodlarının Yazılması 12:30 Routerların Eklenmesi 18:00 Iconların Eklenmesi 23:00 Add Componenti Kodlarının Eklenmesi 30:00 TMDB API Alınması 38:00 Güvenlik İçin .env Dosyasının Oluşturulması 47:00 ResultCart Componentinin Oluşturulması 59:20 Context Klasörünün Oluşturulması 01:09:22 AppReducer Dosyasının Oluşturulması 01:10:10 useContext ve AppReducer Ayarları 01:21:31 Local Storage Eklenmesi 01:26:30 Watchlist Componentinin Kodlarının Eklenmesi 01:28:30 MovieCard Componentinin Kodlarının Eklenmesi 01:30:00 MovieControls Componentinin Kodlarının Eklenmesi 01:32:00 AppReducer Ekleme Silme İşlemleri 02:05:40 Projenin Canlıya Alınması 02:09:00 Kapanış Proje Demo: https://emin-movie-watchlist.netlify.... Proje Kodları (⭐ Vermeyi Unutma) : https://github.com/eminbasbayan/my-wa... 🔽Benzer Örneklere Aşağıdan Ulaşabilirsiniz🔽 ✅ React ile Todo List Yapımı :    • React ile Todo List Yapımı | React Örnekleri   ✅ JavaScript Projeleri : https://bit.ly/3pQuQNs ⭐Sosyal Medya Hesapları⭐ ❤️ Instagram: https://bit.ly/bya-ig ❤️ Twitter: https://bit.ly/emin-tw ❤️ Github: https://bit.ly/emin-gt ❤️ LinkedIn: https://bit.ly/emin-in ❤️ Discord: https://bit.ly/bg-dc