
Building a Fire Detection System with Next.js and YOLOv11
ludgi
Learn how to build a real-time fire detection system using Next.js, YOLOv11, and FastAPI.
初級
Next.js, yolo, Python
Let's quickly learn React's core design patterns through concepts and examples!
27 learners are taking this course
Level Basic
Course period Unlimited
Ability to design component structures with high reusability and easy maintainability
Quickly selecting and applying appropriate patterns when designing components
Many people have pondered how to use React better and whether there are better ways to do so.
And they came up with solutions to the repetitive problems encountered while using React.
In this course, we cover 7 solutions: Container & Presentation, Compound, Custom Hooks, Data Provider, HOC, Render Props, and State Reducer.
It's not just about introducing design patterns - we explore what advantages and disadvantages each pattern has, what characteristics they possess, how to approach components, and how to utilize them effectively.
You don't need to think of design patterns as too difficult.
Let's quickly learn through simple examples and straightforward explanations!
🔍 Core Concepts of Each Pattern and Pattern Usage Examples
🔍 Pros and Cons of Each Pattern and Trade-offs to Consider When Applying
🔍 Criteria for Choosing Which Pattern to Use and When
📌Learn 7 patterns quickly with short and clear examples
📌Let's explore perspectives on components, not just rote memorization
📌 Let's establish comparison and judgment criteria from the perspectives of reusability, testability, and performance
🤔 Those who know React basics but struggle with maintenance due to scattered component design
😎 Those aiming to create design systems/libraries
I can design and implement components with high maintainability and reusability 😊
You can improve code consistency and scalability by choosing patterns that fit the situation
You can gain a new perspective on components.
You need to have basic knowledge of React
You should have experience building at least a small project using React
Since we use TypeScript + React, you need to know TypeScript.
Who is this course right for?
Someone who knows how to write code in React but wants to write more structured and scalable code
Someone who has React fundamentals but lacks structural design and pattern utilization
Need to know before starting?
React
TypeScript
All
15 lectures ∙ (51min)
Course Materials:
$13.20
Explore other courses in the same field!