IT/React

MVC, Redux, Context API

루벤초이 2022. 7. 18. 22:35

Q1. FLUX or REDUX cause a single point of failure? 

Q2. What is the difference between MVC and MVVP 

 

MVC using Context API? 

 

References

Hacker Way: Rethinking Web App Development at Facebook

Hacker Way: Rethinking Web App Development at Facebook
09:00 MVC doesn't scale, increase predictability

10:50 MVC is not suitable for new feature, can't find infinite loops

11:50 FLUX is single direction 

 

[React] 리덕스 (Redux) 이해하기

 

[React] 리덕스 (Redux) 이해하기

10년 전까지만 해도 프론트엔드 개발의 트렌드는 MVC (Model - View - Controller) 패턴이었다. Model이란 어플리케이션의 데이터를 관리해주는 부분을 말한다. View란 어플리케이션이 사용자에게 어떻게

im-developer.tistory.com

 

MVC vs Flux vs Redux – The Real Differences

 

MVC vs Flux vs Redux – The Real Differences

This blog compares MVC vs Flux vs Redux to help you create effective, sensible and scalable application architecture.

www.clariontech.com



 

 

How React and Redux brought back MVC and everyone loved it

 

How React and Redux brought back MVC and everyone loved it | Rangle.io

The idea to bring the MVC principles to a React/Redux app is to ensure that the complexity of the business is handled in such a way that, as the application grows, each part of the code deals only with a small portion of it, and those responsibilities don'

rangle.io


Some argued that MVC was not good because of its bidirectional data flow. But, as you can see in the diagram, the flow is only one way.
In the React/Redux world, the Reducer (Controller) has more responsibility, handling the Store (Model) directly, but the data flow remains the same.

 

React Redux vs Context API

 

React Redux vs Context API

본 글은 아래를 참고하여 작성되었습니다. 더 자세한 사항을 알고싶으신 분은 아래 링크를 참고해주세요.Academind - Redux vs React\`s Context APIDan Abrarnov - You Might Not Need ReduxRedux란?Contex

velog.io

오직 전역 상태 관리를 위한다면 Context API를 사용하라.
상태 관리 외에 여러 기능이 필요하다면 Redux 를 사용하라.
high-frequency한 어플리케이션의 경우 Context API를 사용하면 성능상 이슈가 있을 수 있다.

 

MVC, MVP, MVVM 이란?

 

MVC, MVP, MVVM 이란?

MVC, MVP, MVVM 디자인 패턴에 대해 알아보자.

velog.io

 

Level up your React architecture with MVVM

 

Level up your React architecture with MVVM

Have you ever opened a project and left traumatised because you saw an incomprehensible and unmaintainable JavaScript code that you don’t…

medium.cobeisfresh.com

 

Introducing React Design Patterns: Flux, Redux, and Context API

 

Introducing React Design Patterns: Flux, Redux, and Context API

Take your React skills to the next level. Learn how to make use of design patterns and think abstractly about how you create applications in React.

www.educative.io

 

728x90
반응형

'IT > React' 카테고리의 다른 글

[React] Fabric.js Alternatives  (0) 2023.01.07
OBS Studio를 이용한 Zoom/WebEx 웹앱 스트리밍  (0) 2021.08.09
React Troubleshoots  (0) 2021.07.17
React 웹캠 - 4. Select webcam  (0) 2021.06.21
React 실습 - Class vs. Hook  (0) 2021.04.01