⚛️ React Basit Projeler Serisi - React Sepet Uygulaması(React Basket Application)#2

⚛️ React Basit Projeler Serisi - React Sepet Uygulaması(React Basket Application) #2 Yeni serinin ikinci videosu ile karşınızdayım. Yeni bir oynatma listesi olacak bu seride Temel React videolarını izleyenlerin kolaylıkla bilgilerini pekiştirebileceği bir liste olacağını umuyorum. Bilgilerinizi pekiştirmekle beraber bu seride kullanılacak senaryoları da kavramış olacaksınız. Kanala abone olarak, beğenerek yada katıl üyeliğini aktif ederek destek olabilirsiniz. Video Zaman Çizelgesi 0:00 Uygulama Tanıtımı ve Kurulum 02:31 Başlangıç Kontrol 03:27 Card Componentinin Oluşturulması 10:04 Card Stilinin Verilmesi 12:37 Card Title Stilinin verilmesi 14:01 Card Image Stilinin verilmesi 17:23 Card Info Stilinin verilmesi 19:20 Proplar Mantığının Kurulması 24:50 Veri Yapısının Oluşturulması 30:47 Kartların Verilere Göre Listelenmesi 35:00 Anasayfa Stillendirmesinin Tamamlanması 37:10 Map fonksiyonunda key değerleri 38:52 Sepet Mantığı(Sepete Atma) 44:31 Sepette ürün sayısını arttırma 52:25 Sepetteki ürünleri uygulamada gösterme 58:06 Sepeti Temizle Butonu ve Kodlaması 01:02:44 Arayüz sorunlarının giderilmesi ve Kapanış ➤ Bu videoda anlatılan konu başlıkları aşağıdaki gibidir. ● React uygulamaları ● React Basket Application ● React Sepet Uygulaması ● React map fonksiyonu ● React findIndex fonksiyonu ● React useState ● React components ● React 2022 ● React 2022 projects ● React basic application ● React Dersleri ● React Examples ● React best practice Ayrıcalıklardan yararlanmak için bu kanala katılın: https://www.youtube.com/channel/UCcQmwKW-RSC978EisXee39Q/join ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ❤ ABONE Olmak için Tıkla! :https://www.youtube.com/c/SOSYALBİLİŞİM?sub_confirmation=1 İzlemeniz Gereken Yararlı Videolarımız! ➤ HTML Dersleri : https://www.youtube.com/playlist?list=PLv1CRNciwsresao2r1wB1-Nbq49r-vM8d ➤ CSS Dersleri : https://www.youtube.com/playlist?list=PLv1CRNciwsrfFUPR-Y6vQOs-3-NULkvY8 ➤ Bootstrap 5 Dersleri: https://www.youtube.com/playlist?list=PLv1CRNciwsreYce1v2Rzq6AiN7d6sKqRp ➤ SPSS Dersleri : https://www.youtube.com/playlist?list=PLv1CRNciwsrcSMy473H46a9jJHOCs2bRC ➤ Javascript Dersleri : https://www.youtube.com/playlist?list=PLv1CRNciwsrcSblv6AijE9v7f3v5oNO_C ➤ Javascript Uygulamalar : https://www.youtube.com/playlist?list=PLv1CRNciwsrfCF-R4BJKTorA5sItZR7Pj ➤ JQUERY Uygulamalar : https://www.youtube.com/playlist?list=PLv1CRNciwsrd-aTFtwvPieVvI3Q72M2HA ➤ Teknik-Servis Donanım : https://www.youtube.com/playlist?list=PLv1CRNciwsrd-FY1ueuYYfWwsSTkDI17t ➤ Basit HTML-CSS Uygulamaları : https://www.youtube.com/playlist?list=PLv1CRNciwsrfhTbbmYgW226YxWtU1i_1m Sosyal Medya Hesaplarımız ☛ İnternet Sitemiz: http://mehmetelbeyli.net/ ☛ İnstagram: https://www.instagram.com/sosyalbilisim79 ☛ Twitter: https://twitter.com/BilisimSosyal ☛ Facebook : http://www.facebook.com/sosyalbilisim79 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ #react #react2022 #reactsepet