반응형
https://www.patterns.dev/posts/presentational-container-pattern/
Container/Presentational Pattern
Enforce separation of concerns by separating the view from the application logic
www.patterns.dev
https://wit.nts-corp.com/2021/08/react에서-view의-렌더링-관심사-분리를-위한-vac-패턴-소개/
React에서 View의 렌더링 관심사 분리를 위한 VAC 패턴 소개 | WIT블로그
React에서 View의 렌더링 관심사 분리를 위한 VAC 패턴 소개 시작하며 FE개발에서 View는 정보의 시각화 뿐만 아니라 사용자와 상호작용하는 역할을 포함하고 있습니다. 그래서 View를 개발하는 것은
wit.nts-corp.com
Takeaways
On VAC Components
- It only performs rendering-related processing
- iteration
- conditional exposure
- style control
- It is a stateless component
- that is controlled only through props
- does not manage or change its own state.
- When binding a function to an event, it does not do any additional processing.
반응형
'FrontEnd' 카테고리의 다른 글
| CSS 애니메이션 : Transforms (0) | 2022.06.25 |
|---|---|
| Styled-Components(CSS-in-js) 잘 활용하기 (0) | 2022.06.25 |
| 리액트 개발자를 위한 CSS Variable (0) | 2022.06.24 |
| React Portal과 타입스크립트로 모달 만들기 (0) | 2022.06.22 |
| Intersection Observer와 React.lazy로 성능 개선하기 (0) | 2022.06.21 |
