Published 2/2025
Created by Honest & Light!
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Level: All | Genre: eLearning | Language: English | Duration: 30 Lectures ( 4h 13m ) | Size: 2 GB
You will understand React so well that you can fool it! All learning objectives are specific and within easy reach!
What you’ll learn
Understand React so well that you can fool it!
Create a list for the query result of a NoSQL database, which is an array of an unknown number of irregular objects.
Control list items in four ways: sort the entire list, pin an item to the top, change item positions, and open and close sublists.
Create a list with an infinite number of sublists, where each sublist can open and close independently.
Create three gadgets: Clock, Stopwatch, and Countdown.
Send request(s) to the backend API and display responses, including the waiting notice and error message.
Fix the problem of “race condition/hazard” using closure.
Operate nested components, including data exchange, efficiency, user experience, and convenience.
Requirements
Just basic JavaScript knowledge is enough.
Description
You will understand React so well that you can fool it:“Fooling React” means creating an error React cannot detect. This is the first learning objective of this course and also the evidence that this course works – you must truly understand React to be able to fool it.8 learning objectives:Every learning objective is specific and concrete – you know exactly what you will learn and what you will be able to do.You will:Be able to fool React by creating an error React cannot detect.Create a list for the query result of a NoSQL database, which is an array of an unknown number of irregular objects.Control list items in four ways: sorting the entire list, pinning an item to the top, changing item positions, and opening and closing sublists.Create a list with an infinite number of sublists, where each sublist can be opened and closed independently.Create three gadgets: clock, stopwatch, and countdown.Send request(s) to the backend API and display responses, including the waiting notice and error warning.Fix the problem of “race condition/hazard” using closure.Operate nested components, including data exchange (props), efficiency (memo, lazy), user experience (transition), and convenience (context).Within easy reach:The 8 learning objectives are within easy reach because this course only lasts 4 hours and 14 minutes—you don’t have to go through dozens of hours of lessons. This also means every second is precious—I must make the most out of it and only show you the best and most useful. The 8 learning objectives are the evidence: they’re designed to be universal so that you can use them again in your future projects. For example, 3 out of the 8 learning objectives are about creating lists and controlling list items. And lists are something that we use everywhere.Dos and don’ts:I won’t avoid difficult topics. The goal is to prepare you for real-life challenges, so I won’t only show you the easy and simple.I won’t include things that benefit me but not you.I won’t inflate this course to make it like a “good deal” that offers a lot. Instead, I only include the most useful and explain them in the most efficient way.I only give demo projects basic styling. Fancy-looking projects help me attract more students, but they won’t benefit you. And you’re more likely to be distracted by them.Be considerate:All demo codes are properly formatted so that related codes can be displayed on a single screen. You can pause the video when needed and analyze the codes at your own pace. This is another reason I only give demo projects basic styling—I keep HTML and CSS to a minimum to save screen space.Keep it light:You will always be able to follow the course and make continuous progress. Here are the specific measures to keep this promise:Introduce the new using the familiar, as you will see in lesson one.Learn the new by reusing and expanding the old.Learn the basics first and dig deeper later in the following practice/application session.Four original ideas:This course comes with four original ideas, two general and two React-specific.The Coconut Theory: If you haven’t seen the problem, the solution to that problem can be difficult to understand. In this case, just focus on three basic things: does it provide you space to write codes, does it give you access to needed resources, and does it execute your codes automatically at the right time? (See more details in Lesson 23.)The Antonym Method: If you don’t know how to solve a problem, try describing the problem using different words, especially antonyms. Doing so gives you a different perspective, which helps you solve the problem. (See applications in Lesson 11 & 20.)The “Prep Area”: I refer to the area below the “useState” hook and above the template as the “Prep Area.” This is where we intercept state values and further process them, creating new values that better meet our demands. (See more details in Lesson 3.)The Golden React Rule: To display something new, set a new state value! This rule gives you a clear instruction, enabling you to take the first step in the right direction right away! (See more details in Lesson 9.)
Password/解压密码www.tbtos.com
转载请注明：0daytown » A React Course with 8 Specific Learning Objectives