강의

멘토링

커뮤니티

Programming

/

Front-end

A Simple Guide to React Design Patterns

Let's quickly learn React's core design patterns through concepts and examples!

27 learners are taking this course

Level Basic

Course period Unlimited

  • mjang69888231
React
React
TypeScript
TypeScript
Design Pattern
Design Pattern
React
React
TypeScript
TypeScript
Design Pattern
Design Pattern

What you will gain after the course

  • Ability to design component structures with high reusability and easy maintainability

  • Quickly selecting and applying appropriate patterns when designing components

How can I use React better? Isn't there a better way?


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!


Content Covered in the Course

🔍 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


The characteristics of this course

📌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

We recommend this for:

🤔 Those who know React basics but struggle with maintenance due to scattered component design

😎 Those aiming to create design systems/libraries

After taking the course

  • 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.

Points to Note Before Enrollment

Prerequisites and Important Notes

  • 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.

Recommended for
these people

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

Hello
This is

I am a developer who hopes my knowledge can be of help to someone.

Curriculum

All

15 lectures ∙ (51min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Please write a valuable review that helps everyone!

$13.20

Similar courses

Explore other courses in the same field!