Frontend Patterns

최근 기준으로 Class Component보단 Function Component가 main stream이기에 Function Component에서 자주 보이는 패턴 위주로 작성.

Provider

Container / Presentational

HoC (High-order Component)

Render Props

Hooks

Compound

결론 ⇒ 기획이나 디자인이 변경되도 큰 무리없이 수정가능한 컴포넌트 형태?

• 모양: compound component

• 액션: render prop(IoC) ⇒ compound component로 되지 않을까

• 스타일(대부분): CVA, cn으로 외==부에서 스타일 주입(IoC)

• 기타 … 상황에 따라 다를듯

• 예제 코드