Learn React JS - Full Beginner’s Tutorial (2024) & Practice Projects
Learn React JS - Tam Başlangıç Eğitimi (2024) ve Uygulama Projeleri

freeCodeCamp.org
10.4M subscribers
325K views 2 months ago
Learn modern React basics in the most interactive, hands-on way possible in the full course for beginners.
Yeni başlayanlar için tam kursta modern React temellerini mümkün olan en etkileşimli, uygulamalı şekilde öğrenin.

Throughout this tutorial, you'll tackle over 170 interactive coding challenges and build six exciting projects. If you're tired of React courses that leave you staring blankly at an empty editor screen, y
Bu eğitim boyunca, 170'in üzerinde etkileşimli kodlama zorluğunun üstesinden gelecek ve altı heyecan verici proje oluşturacaksınız. Boş bir editör ekranına boş boş bakmanıza neden olan React kurslarından bıktıysanız, y …...more
...more
Section 1 6:09 Section 1 Static Pages + What We'll Learn 8:39 First React Code 15:20 First React Challenge 18:19 Local Setup w/Vite 24:25 Libraries/Frameworks 33:20 React CreateElm 36:10 JSX 38:27 Why React? 51:30 Random Housekeeping 1:00:15 ReactFunFacts Project Mark-Up 1:04:02 Pop Quiz 1:10:17 Custom Components Part 1 1:17:01 Custom Components Part 2 1:20:41 Custom Components Quiz 1:23:26 Fragments 1:25:59 Custom Components Parent/Child 1:31:24 Styling With Classes 1:40:04 Organizing Components 1:45:31 Make Mental Outline of Project 1:49:24 Initial Project Setup 1:54:04 ReactFacts Navbar & Styling 2:02:10 Main Content Section 2:08:46 Coloring the Bullets 2:10:58 Add BG Image 2:15:45 Section 1 Recap
Bölüm 1 6:09 Bölüm 1 Statik Sayfalar + Öğreneceklerimiz 8:39 İlk Tepki Kodu 15:20 İlk Tepki Yarışması 18:19 Vite ile Yerel Kurulum 24:25 Kitaplıklar/Çerçeveler 33:20 Tepki CreateElm 36:10 JSX 38:27 Neden Tepki Gösterelim? 51:30 Rastgele Kat Hizmetleri 1:00:15 ReactFunFacts Proje İşaretlemesi 1:04:02 Pop Testi 1:10:17 Özel Bileşenler Bölüm 1 1:17:01 Özel Bileşenler Bölüm 2 1:20:41 Özel Bileşenler Testi 1:23:26 Fragman 1:25:59 Özel Bileşenler Ebeveyn/Çocuk 1:31:24 Sınıflarla Stil Oluşturma 1:40:04 Bileşenleri Düzenleme 1:45:31 Projenin Zihinsel Taslağını Oluşturun 1:49:24 İlk Proje Kurulumu 1:54:04 ReactFacts Navbar ve Stil 2:02:10 Ana İçerik Bölümü 2:08:46 Madde İşaretlerini Renklendirmek 2:10:58 KŞ Görüntüsü Ekle 2:15:45 Bölüm 1 Özeti

Section 2 2:18:00 Section 2 Intro 2:20:28 Travel Journal Header 2:28:05 Entry Component 2:38:14 Problem - Not Reusable 2:40:33 Props Part 1: Understanding the Concept 2:43:51 Props Part 2: Reusable Component 2:45:47 Aside: JS Inside JSX 2:53:32 Props Part 3: Create a Contact Component 2:57:19 Passing Data Into a Component 3:04:57 Props Part 5: Receiving Props 3:12:30 Props Quiz 3:16:57 Destructuring Props 3:22:10 Props Practice 3:31:10 Non-String Props 3:37:24 Importing Static Assets 3:40:26 Pass Props to Entry Component 3:46:53 Review Array .map() 3:54:23 React Can Render Arrays 3:59:37 Mapping Component 4:05:46 Map Quiz 4:09:51 Travel Journal: Map Entry Component 4:16:36 Travel Journal: Key Prop 4:20:51 Travel Journal: Pass Object as Props 4:26:33 Travel Journal: Spread Object as Props 4:30:53 Section 2 Recap
Bölüm 2 2:18:00 Bölüm 2 Giriş 2:20:28 Seyahat Günlüğü Başlığı 2:28:05 Giriş Bileşeni 2:38:14 Sorun - Yeniden Kullanılamaz 2:40:33 Aksesuarlar Bölüm 1: Kavramı Anlamak 2:43:51 Aksesuarlar Bölüm 2: Yeniden Kullanılabilir Bileşen 2:45:47 Bir kenara: JSX'in İçinde JS 2:53:32 Aksesuarlar Bölüm 3: Bir Kişi Bileşeni Oluşturun 2:57:19 Verileri Bir Bileşene Geçirme 3:04:57 Aksesuarlar Bölüm 5: Sahne Alma 3:12:30 Sahne Testi 3:16:57 Sahne Yıkımı 3:22:10 Sahne Uygulaması 3:31:10 Dize Olmayan Aksesuarlar 3:37:24 Statik Varlıkları İçe Aktarma 3:40:26 Sahne Öğelerini Giriş Bileşenine Geçirin 3:46:53 Dizi .map() İncelemesi 3:54:23 React dizileri işleyebilir 3:59:37 Eşleme Bileşeni 4:05:46 Harita Testi 4:09:51 Seyahat Günlüğü: Harita Giriş Bileşeni 4:16:36 Seyahat Günlüğü: Anahtar Prop 4:20:51 Seyahat Günlüğü: Nesneyi Sahne Olarak Geçir 4:26:33 Seyahat Günlüğü: Nesneyi Sahne Olarak Yay 4:30:53 Bölüm 2 Özeti

Section 3 4:33:02 Section 3 Intro 4:37:41 Chef Claude: Header 4:45:51 Chef Claude: Form 4:55:46 Project Overview 4:57:34 Event Listeners 5:03:56 Map Ingredients List 5:13:47 Props vs. State: Props 5:18:08 Props vs. State: State 5:23:52 useState 5:29:13 useState Array Destructuring 5:31:13 Changing State 5:36:10 State Practice 5:42:49 Updating State With a Callback Function 5:48:37 Changing State Quiz 5:50:40 Ternary Practice 5:54:37 Toggling State 6:01:11 Complex State: Arrays 6:11:12 Chef Claude: Refactor Array State 6:14:37 Complex State: Objects 6:21:36 Complex State: Updating State Objects 6:26:20 React Forms Intro 6:31:33 Form Basics 6:39:05 Form Submission 6:45:48 Form Action 6:49:47 Chef Claude: Refactor Form Submission 6:52:39 Forms: Textarea & DefaultValue 6:55:52 Forms: Radio 7:03:19 Forms: Checkbox 7:07:15 Forms: Select and Option 7:12:48 Forms: Object.FormEntries 7:17:21 Chef Claude: Conditional Rendering Intro 7:19:39 Conditional Rendering: && 7:25:53 Conditional Rendering: Why Does && Work? 7:30:24 Practice: && 7:35:26 Conditional Rendering: Ternary 7:41:02 Practice 7:45:31 Quiz 7:47:46 Conditional Rendering Challenge 1 7:52:44 Challenge 2 7:54:51 Get Recipe Placeholder Challenge 8:02:27 Passing State as Props 8:09:35 Setting State From Child Component 8:17:35 Passing Data Around React 8:24:57 Sound Pads Challenge Part 1 8:29:13 Dynamic Styles 8:35:55 Challenge Part 2 8:39:41 Challenge Part 3 8:44:01 Challenge Part 4.1 Local State 8:48:52 Challenge Part 4.2 Shared State 8:55:41 Challenge Part 4.3 Updating Item in Array 9:07:51 Chef Claude Challenge 9:17:37 API Sign-Ups 9:26:32 AI Code Walkthrough 9:33:37 Challenge Quiz 9:36:35 Challenge: Get Recipe 9:43:53 Format Recipe Response 9:49:03 Section 3 Outro
Bölüm 3 4:33:02 Bölüm 3 Giriş 4:37:41 Şef Claude: Başlık 4:45:51 Şef Claude: Form 4:55:46 Projeye Genel Bakış 4:57:34 Olay Dinleyicileri 5:03:56 Harita Malzeme Listesi 5:13:47 Sahne ve Durum: Sahne 5:18:08 Sahne ve Durum: Devlet 5:23:52 kullanım durumu 5:29:13 useState Dizi Yok Etme 5:31:13 Durum Değiştirme 5:36:10 Devlet Uygulaması 5:42:49 Geri arama işleviyle durum güncelleştiriliyor 5:48:37 Durum Testini Değiştirme 5:50:40 Üçlü Uygulama 5:54:37 Durumu Değiştirme 6:01:11 Karmaşık Durum: Diziler 6:11:12 Şef Claude: Dizi Durumunu Yeniden Düzenleme 6:14:37 Karmaşık Durum: Nesneler 6:21:36 Karmaşık Durum: Durum Nesnelerini Güncelleştirme 6:26:20 React Forms Giriş 6:31:33 Form Temelleri 6:39:05 Form Gönderimi 6:45:48 Form Eylemi 6:49:47 Şef Claude: Yeniden Düzenleme Formu Gönderimi 6:52:39 Formlar: Textarea ve DefaultValue 6:55:52 Formlar: Radyo 7:03:19 Formlar: Onay Kutusu 7:07:15 Formlar: Seç ve Seç 7:12:48 Formlar: Object.FormEntries 7:17:21 Şef Claude: Koşullu İşleme Girişi 7:19:39 Koşullu İşleme: && 7:25:53 Koşullu İşleme: && Neden Çalışıyor? 7:30:24 Uygulama: && 7:35:26 Koşullu İşleme: Üçlü 7:41:02 Uygulama 7:45:31 Bilgi Yarışması 7:47:46 Koşullu İşleme Yarışması 1 7:52:44 Zorluk 2 7:54:51 Tarif Yer Tutucu Yarışmasını Alın 8:02:27 Durumu Sahne Olarak Geçirme 8:09:35 Alt bileşenden durum ayarı 8:17:35 React Etrafında Veri Geçişi 8:24:57 Ses Pedleri Yarışması Bölüm 1 8:29:13 Dinamik Stiller 8:35:55 Meydan Okuma Bölüm 2 8:39:41 Meydan Okuma Bölüm 3 8:44:01 Meydan Okuma Bölüm 4.1 Yerel Devlet 8:48:52 Meydan Okuma Bölüm 4.2 Paylaşılan Durum 8:55:41 Meydan Okuma Bölüm 4.3 Dizideki Öğeyi Güncelleme 9:07:51 Şef Claude Yarışması 9:17:37 API Kayıtları 9:26:32 AI Kodu İzlenecek Yol 9:33:37 Meydan Okuma Testi 9:36:35 Meydan Okuma: Tarif Alın 9:43:53 Tarif Yanıtını Biçimlendir 9:49:03 Bölüm 3 Çıkış

Section 4 9:51:21 Section 4 Intro 9:54:02 Meme Generator Starting Point 9:56:31 Meme Generator State 9:59:16 Controlled Component Part 1 10:05:16 Controlled Component Part 2 10:10:59 Planning Data Fetch 10:13:08 Functional Programming in React 10:18:05 Fetching Data in React 10:24:08 Intro to useEffect 10:26:54 useEffect Syntax and Default Behavior 10:30:47 useEffect Dependencies Array 10:38:20 useEffect Empty Dependencies Array 10:41:00 useEffect Quiz 10:45:57 useEffect Practice 10:50:44 Fetch Memes 10:58:22 State and Effect Practices 11:06:43 useEffect Cleanup Function 11:15:03 Get Random Meme 11:19:46 Sneak Peak: Refs 11:29:50 useEffect Practice: scrollIntoView() 11:36:02 scrollIntoView() iFrame Bug Fix 11:39:28 Section 4 Outro
Bölüm 4 9:51:21 Bölüm 4 Giriş 9:54:02 Meme Oluşturucu Başlangıç Noktası 9:56:31 Meme Oluşturucu Durumu 9:59:16 Kontrollü Bileşen Parçası 1 10:05:16 Kontrollü Bileşen Bölüm 2 10:10:59 Veri Getirme Planlama 10:13:08 React'te Fonksiyonel Programlama 10:18:05 React'te Veri Getirme 10:24:08 useEffect'e giriş 10:26:54 useEffect Sözdizimi ve Varsayılan Davranış 10:30:47 useEffect Bağımlılıklar Dizisi 10:38:20 useEffect Boş Bağımlılıklar Dizisi 10:41:00 useEffect Testi 10:45:57 useEffect Uygulaması 10:50:44 Memleri Getir 10:58:22 Durum ve Etki Uygulamaları 11:06:43 useEffect Temizleme İşlevi 11:15:03 Rastgele Meme Alın 11:19:46 Gizli Zirve: Hakemler 11:29:50 useEfekt Uygulaması: scrollIntoView() 11:36:02 scrollIntoView() iFrame Hata Düzeltmesi 11:39:28 Bölüm 4 Çıkış

Section 5 11:41:14 Tenzies Intro 11:43:32 Setup 11:51:46 Die Component 11:59:26 Generate 10 Random Numbers 12:05:10 Map Array to Die Component 12:08:17 Roll Dice Button 12:13:14 Change Dice to Objects 12:17:52 Styling Held Dice 12:21:15 Hold Dice Part 1 12:28:00 Hold Dice Part 2 12:32:42 Hold Dice Part 3 12:36:42 End Game Part 1 12:43:03 End Game Part 2 12:48:55 End Game Part 3 12:51:47 Lazy State Initialization 12:55:10 New Game 12:58:18 Accessibility Improvements Part 1 13:02:26 Accessibility Improvements Part 2 13:09:55 Tenzies Outro
Bölüm 5 11:41:14 Tenzies Giriş 11:43:32 Kurulum 11:51:46 Kalıp Bileşeni 11:59:26 10 Rastgele Sayı Üret 12:05:10 Diziyi Kalıp Bileşenine Eşle 12:08:17 Zar Atma Düğmesi 12:13:14 Zarları Nesnelere Dönüştür 12:17:52 Stil Tutulan Zar 12:21:15 Zar Tut Bölüm 1 12:28:00 Hold Dice Part 2 12:32:42 Zar Tut Bölüm 3 12:36:42 Oyun Sonu Bölüm 1 12:43:03 Oyun Sonu Bölüm 2 12:48:55 Oyun Sonu Bölüm 3 12:51:47 Tembel Durum Başlatma 12:55:10 Yeni Oyun 12:58:18 Erişilebilirlik Geliştirmeleri Bölüm 1 13:02:26 Erişilebilirlik Geliştirmeleri Bölüm 2 13:09:55 Tenzies Çıkışı

Section 6 13:11:15 Assembly Endgame Intro 13:13:18 Project Planning 13:18:41 Header Section 13:22:31 Status Section 13:26:11 Language List 13:31:52 Word Display 13:37:26 Keyword 13:41:35 Save the Guessed Letters 13:48:53 Keyboard Letter Styles for Guesses 13:58:15 Only Display Correctly Guessed Letters in Word 14:01:05 Wrong Guess Count 14:06:11 Lost Languages 14:11:18 IsGameOver 14:17:26 Display Won/Lost Status 14:25:31 Quick CSS Alignment Fix 14:28:12 Conditional Rendering With a Helper Function 14:31:10 Backlog Inventory 14:33:18 Farewell Messages 14:44:02 Disable Keyboard When the Game Is Over 14:45:39 Make the Game More A11y Friendly P1 14:53:26 Make the Game More A11y Friendly P2 14:57:19 Choose Random Word 15:00:53 New Game Button Resets the Game 15:03:07 Display Missed Letters When Lost 15:06:49 Assembly Endgame 15:09:27 Assembly Endgame Outro 15:10:54 Course Outro
Bölüm 6 13:11:15 Assembly Endgame Tanıtımı 13:13:18 Proje Planlama 13:18:41 Başlık Bölümü 13:22:31 Durum Bölümü 13:26:11 Dil Listesi 13:31:52 Kelime Ekranı 13:37:26 Anahtar Kelime 13:41:35 Tahmin Edilen Harfleri Kaydet 13:48:53 Tahminler için Klavye Harf Stilleri 13:58:15 Word'de Yalnızca Doğru Tahmin Edilen Harfleri Görüntüle 14:01:05 Yanlış Tahmin Sayımı 14:06:11 Kayıp Diller 14:11:18 Oyun Bitti 14:17:26 Kazanıldı/Kaybedildi Durumunu Görüntüle 14:25:31 Hızlı CSS Hizalama Düzeltmesi 14:28:12 Yardımcı İşlevle Koşullu İşleme 14:31:10 Biriktirme Listesi Envanteri 14:33:18 Veda Mesajları 14:44:02 Oyun bittiğinde klavyeyi devre dışı bırak 14:45:39 Oyunu Daha Fazla A11y Dostu P1 Yapın 14:53:26 Oyunu Daha Fazla A11y Dostu P2 Yapın 14:57:19 Rastgele Kelime Seç 15:00:53 Yeni Oyun düğmesi oyunu sıfırlar 15:03:07 Kaybolduğunda Kaçırılan Harfleri Görüntüle 15:06:49 Montaj Oyun Sonu 15:09:27 Assembly Oyun Sonu Kapanışı 15:10:54 Kurs Kapanışı

Bonus Section 15:18:11 Helpful React VS Code Extensions 15:23:01 ES7 + React Snippets Extension 15:27:25 Import Extension 15:34:42 React Dev Tools Chrome 15:38:07 React Component Tree
Bonus Bölümü 15:18:11 Yardımcı React VS Code Uzantıları 15:23:01 ES7 + React Parçacıkları Uzantısı 15:27:25 Uzantıyı İçe Aktar 15:34:42 React Geliştirme Araçları Chrome 15:38:07 React Bileşen Ağacı
50
I'm now 75 years old and I worked for 50 years in ICT. I'm still very interested in the modern way of developing, so I'm following this as much as possible. Helpfull for thi is my retirement, which gives me 24/7 😉time to spend on it. I followed already some tutorials of FCC as well as of Scrimba and I'm impressed about the structure and completeness of their material.
Şimdi 75 yaşındayım ve 50 yıldır BİT'te çalıştım. Hala modern geliştirme yöntemiyle çok ilgileniyorum, bu yüzden bunu mümkün olduğunca takip ediyorum. Bunun için yardımcı olan emekliliğim, bu da bana 7/24 harcamam için 😉 zaman veriyor. FCC'nin yanı sıra Scrimba'nın bazı eğitimlerini zaten takip ettim ve materyallerinin yapısı ve eksiksizliğinden çok etkilendim.
382
I absolutely love the idea of making this available on YouTube, it’s such a great way to reach and help more learners! I’m a big fan of the tutorials Bob Ziroll creates. He’s incredibly patient, has a talent for explaining complex concepts, and simplifies them in a way that’s easy to understand. His calming voice and motivational approach keep me inspired to keep learning.
Bunu YouTube'da kullanıma sunma fikrini kesinlikle seviyorum, daha fazla öğrenciye ulaşmanın ve onlara yardım etmenin harika bir yolu! Bob Ziroll'un yarattığı öğreticilerin büyük bir hayranıyım. İnanılmaz derecede sabırlı, karmaşık kavramları açıklama yeteneğine sahip ve bunları anlaşılması kolay bir şekilde basitleştiriyor. Sakinleştirici sesi ve motive edici yaklaşımı, öğrenmeye devam etmem için bana ilham veriyor.

Thanks so much for this opportunity. I can’t wait to start learning!
Bu fırsat için çok teşekkürler. Öğrenmeye başlamak için sabırsızlanıyorum!
40
I've learning React because Scrimba and FCC have finally made an approachable and accessible way to learn it. I feel like I can go so far now because of free resources like this!
React'i öğreniyorum çünkü Scrimba ve FCC nihayet onu öğrenmenin ulaşılabilir ve erişilebilir bir yolunu buldular. Bunun gibi ücretsiz kaynaklar sayesinde artık bu kadar ileri gidebileceğimi hissediyorum!
13
I recently Graduated from Bachelor in Computer Science. I didn't had React Course in my college syllabus. I am very thankful for Scrimba for uploading React full beginner level course for free. I have learned CSS Grid and Flexbox through Scrimba which helped me at my College time. I Want to create a Web app for Sticker business as well as Office Rental web app on my own using React and Typescript. I love learning JavaScript and Starting to learn React now.
Yakın zamanda Bilgisayar Bilimleri Lisansından mezun oldum. Üniversite müfredatımda React Dersi yoktu. Scrimba'ya React tam başlangıç seviyesi kursunu ücretsiz olarak yüklediği için çok müteşekkirim. Üniversite zamanımda bana yardımcı olan Scrimba aracılığıyla CSS Grid ve Flexbox öğrendim. React ve Typescript kullanarak kendi başıma Sticker işi için bir Web uygulaması ve Office Rental web uygulaması oluşturmak istiyorum. JavaScript öğrenmeyi ve şimdi React öğrenmeye başlamayı seviyorum.
32
My first react video that I really understood was Bob Ziroll's interactive course on scrimba in 2020. I loved the course and i loved your approach starting from a single file.
Gerçekten anladığım ilk tepki videom, Bob Ziroll'un 2020'de scrimba üzerine verdiği interaktif kurstu. Kursu sevdim ve tek bir dosyadan başlayarak yaklaşımınızı sevdim.

I'm now working in a company where i'm close to being a senior dev. I even mentor people. Thank you, Bob. You don't even know what role you played in my software journey. I hope I spelled your name right.
Şu anda kıdemli geliştirici olmaya yakın olduğum bir şirkette çalışıyorum. Hatta insanlara akıl hocalığı yapıyorum. Teşekkürler Bob. Yazılım yolculuğumda nasıl bir rol oynadığınızı bile bilmiyorsunuz. Umarım adını doğru yazmışımdır.
42
Awesome! Bob Ziroll is the best teacher for frontend stuff. Secretly i was waiting for Scrimba to release a what's new in React 19 section, but this is even better. Now im going to my learn cave and close the door for 15+ hours. Do not disturb, learning in progress!
Harika! Bob Ziroll, ön uç işleri için en iyi öğretmendir. Gizlice Scrimba'nın React 19 bölümündeki yenilikleri yayınlamasını bekliyordum, ama bu daha da iyi. Şimdi öğrenme mağarama gidiyorum ve 15+ saat boyunca kapıyı kapatıyorum. Rahatsız etmeyin, öğrenme devam ediyor!
7
I love Scrimba's interactivity. Making this course available on FCC is a great gift for those outside the platform. I'm learning React to create user-friendly interfaces for financial managers, reducing errors and increasing productivity in cash transaction logging.
Scrimba'nın etkileşimini seviyorum. Bu kursu FCC'de kullanıma sunmak, platformun dışındakiler için harika bir hediyedir. Finans yöneticileri için kullanıcı dostu arayüzler oluşturmak, hataları azaltmak ve nakit işlem günlüğünde üretkenliği artırmak için React'i öğreniyorum.
10
this course is addictive. I just dragged the the play thumb just to watch a random 2-3min then finding myself still watching after 1h. This is the REAL DEAL
Bu kurs bağımlılık yapar. Rastgele bir 2-3 dakika izlemek için oynatma başparmağını sürükledim ve ardından kendimi 1 saat sonra hala izlerken buldum. Bu GERÇEK ANLAŞMA
3
As a huge fan of both platforms, I can't wait to watch this updated version. Thanks so much for updating this!
Her iki platformun da büyük bir hayranı olarak, bu güncellenmiş sürümü izlemek için sabırsızlanıyorum. Bunu güncellediğiniz için çok teşekkürler!
5
I'm learning React because, despite being a technical writer, I love learning front-end development. I find front-end programming utterly joyful because it allows me to experience the actual result of my own code by browsing through a website. Speaking for myself, more technical writers should learn not only Vanilla JavaScript and CSS, but also React and Node.js. Specially if they're working for a web development company. Oh, and by the way, Scrimba is probably the best resource for getting an hands-on learning experience of front-end development. Keep up with your wonderful work!
React'i öğreniyorum çünkü teknik bir yazar olmama rağmen ön uç geliştirmeyi öğrenmeyi seviyorum. Ön uç programlamayı son derece eğlenceli buluyorum çünkü bir web sitesinde gezinerek kendi kodumun gerçek sonucunu deneyimlememe izin veriyor. Kendi adıma konuşacak olursam, daha teknik yazarlar sadece Vanilla JavaScript ve CSS'yi değil, aynı zamanda React ve Node.js'yi de öğrenmelidir. Özellikle bir web geliştirme şirketi için çalışıyorlarsa. Oh, ve bu arada, Scrimba, ön uç geliştirme konusunda uygulamalı bir öğrenme deneyimi elde etmek için muhtemelen en iyi kaynaktır. Harika çalışmanıza ayak uydurun!
4
Bob Ziroll is the best teacher ever so far , I took the first react course on scrimba but I feel like now is the right time to brushe my memory
Bob Ziroll şimdiye kadarki en iyi öğretmen, scrimba üzerine ilk tepki kursunu aldım ama şimdi hafızamı tazelemek için doğru zaman gibi hissediyorum
3
Anyone who genuinely shares knowledge is a true gem.👍
Bilgiyi gerçekten paylaşan herkes gerçek bir mücevherdir. 👍
4
I watched the old version of this course on Scrimba a while back and picked up the concepts so quickly thanks to Bob's teaching style. I've been waiting for this update and was excited when I finally got the email! Watch, practice, learn!
Bir süre önce Scrimba'da bu kursun eski versiyonunu izledim ve Bob'un öğretme tarzı sayesinde kavramları çok hızlı bir şekilde öğrendim. Bu güncellemeyi bekliyordum ve sonunda e-postayı aldığımda heyecanlandım! İzleyin, pratik yapın, öğrenin!
1
11:07:23 anyone who finds it difficult to understand the clean up function of useEffect Life Cycle.
11:07:23 useEffect Life Cycle'ın temizleme işlevini anlamakta zorlanan herkes.

The clean up function of useEffect will be invoked based on the following conditions:
useEffect'in temizleme işlevi aşağıdaki koşullara bağlı olarak çağrılır:

1) When it detects changes in the dependency array of useEffect.
1) useEffect'in bağımlılık dizisindeki değişiklikleri algıladığında.

2) When you don't provide a dependency array, it will trigger the clean up function before every re rendering caused by the useEffect itself.
2) Bir bağımlılık dizisi sağlamadığınızda, useEffect'in kendisinin neden olduğu her yeniden oluşturmadan önce temizleme işlevini tetikler.

3) When the component in which the useEffect is defined, gets deleted/unmounted entirely from the webpage.
3) useEffect'in tanımlandığı bileşen, web sayfasından tamamen silindiğinde/bağlantısı kesildiğinde.

When will the useEffect clean up function will not be invoked:
useEffect temizleme işlevi ne zaman çağrılmaz:

1) when the re rendering is happening because of state changes or some other ways.
1) Durum değişiklikleri veya başka yollar nedeniyle yeniden oluşturma gerçekleştiğinde.
14
Thanks!
Teşekkürler!
1
This is so exciting! I went through an old React course on Scrimba a year ago and recently I've started developing my own app for learning and practising new words and I've been feeling for a while that I needed to go through the course again to refresh some bits so I was really waiting for the updated and extended version in order to refactor my code! Thank you so much for such a great opportunity!
Bu çok heyecan verici! Bir yıl önce Scrimba'da eski bir React kursundan geçtim ve son zamanlarda yeni kelimeler öğrenmek ve pratik yapmak için kendi uygulamamı geliştirmeye başladım ve bir süredir bazı parçaları yenilemek için kursu tekrar gözden geçirmem gerektiğini hissediyordum, bu yüzden kodumu yeniden düzenlemek için gerçekten güncellenmiş ve genişletilmiş sürümü bekliyordum! Böyle harika bir fırsat için çok teşekkür ederim!
Bob is a great teacher. His pleasant teaching style and commitment to effective teaching is an example to follow.
Bob harika bir öğretmendir. Hoş öğretim tarzı ve etkili öğretime olan bağlılığı, takip edilmesi gereken bir örnektir.
2
I completed the previous version of the React Scrimba course and absolutely loved the balance between theory and hands-on practical applications. The meme generator project was my favorite—it was so much fun! I even extended its functionality to allow users to download memes. I'm excited to continue building on my learning and exploring modern approaches to developing UI components! So, definitely will check this out!
React Scrimba kursunun önceki sürümünü tamamladım ve teori ile uygulamalı pratik uygulamalar arasındaki dengeyi kesinlikle sevdim. Meme oluşturucu projesi benim favorimdi—çok eğlenceliydi! Kullanıcıların memleri indirmesine izin vermek için işlevselliğini bile genişlettim. Öğrendiklerimi geliştirmeye ve UI bileşenleri geliştirmeye yönelik modern yaklaşımları keşfetmeye devam etmekten heyecan duyuyorum! Yani, kesinlikle bunu kontrol edecek!
1
Finally it's live. Tried to learn React from Scrimba a while back, I was really into it but noticed Scrimba would update the React courses soon so had a pause there. Now I can come back to continue the path. Can't wait!
Sonunda yayında. Bir süre önce Scrimba'dan React öğrenmeye çalıştım, gerçekten ilgileniyordum ama Scrimba'nın React kurslarını yakında güncelleyeceğini fark ettim, bu yüzden orada bir duraklama oldu. Şimdi yola devam etmek için geri dönebilirim. Sabırsızlanıyorum!
1