아토믹 디자인 패턴, FSD

강연주·2025년 11월 10일

📚 TIL

목록 보기
182/186

https://velog.io/@vlmbuyd/UI-%EA%B3%84%EC%B8%B5-%EC%84%A4%EA%B3%84-FSD-Atomic-Design-Pattern-%EC%A0%81%EC%9A%A9%EA%B8%B0-2a3rothv

FSD(Feature Sliced Design): Feature(기능) 단위로 나눠 쓰는 디자인 패턴


  • 재사용가능한 컴포넌트 만들기 실습 마지막

layout은 한번만 렌더링한다 쓸데없는 렌더링 과정을 줄이려고
그래서 layout에다가 <PageTransition>{children}</PageTransition> 이렇게 하면 페이지 이동해도 안됨. 새로고침 해야됨.

=> 그럼 이걸 페이지마다 하나하나 넣으면 되지?
=> 되는데, 이걸 페이지에 다 넣지 말고 template 기능을 써 (레이아웃이랑 비슷한데, 레이아웃은 상태를 persist하나 템플릿은 상태를 reset, 공용으로 들어가는 거 넣음)

profile
아무튼, 개발자

0개의 댓글