Vue or React 컴포넌트화의 범위?

Question

안녕하세요, 프론트로 전향한지 얼마 안된 사람입니다큰 프로젝트에 계신분들께 질문드립니다.다들 컴포넌트화 하는 기준이 어떻게 되시나요?저같은 경우에는 정말 재 사용되는 곳이 많을 때(ex 검색바 같은....)만 컴포넌트화 했습니다.. 전 작은 프로젝트에 있다보니, 버튼 단위까지 나누지는 않는데, 큰 프로젝트 일수록 버튼 단위까지 나누는 게 유지보수 또는 개발 속도향상에 도움이 되는지 궁금합니다.그리고 어떤 CSS 프레임워크를 사용하시는지도 궁금합니다. Tailwind? Quasar?

catcode · Accepted Answer

디자인 패턴 몇개 살펴보는걸 추천합니다.Atomic, Feature-Sliced 2개 살펴보시면 대충 감 잡으실듯해요

몰랑토끼 · Answer

작은곳이어도 더 나눕니다버튼은 기본적으로 컴포넌트로 분류해서 한개의 버튼컴포넌트가지고 사용하고요큰곳이면 스토리북과 npm까지 이용해서 관리합니다작은곳, 사이드프로젝트의 규모더라도 스토리북까진 안가더라도 무조건 나눕니다

유진수아 · Answer

버튼 같은 기본 ui도 컴포넌트로 만들어두면 좋습니다. 가능하면 디자인시스템을 구축해놓고 미리 ui 라이브러리를 만들어서 가져다 쓰는게 좋지요.페이지에서는 전 한 페이지에 기능이 많아지고 복잡해진다 싶으면 관련된 것 끼리만 묶어서 컴포넌트화 합니다

신도림산당 · Answer

큰 프로젝트에서 Button, TextArea, checkbox 등등 작은단위로 컴포넌트화 시켜서 사용한적 있습니다.

프로폴리스 · Answer

개인적으로는 부모의 데이터를 자식에게 전달 할 때 전달 해야 하는 관계가 4단계 이상 넘어가면 굳이 잘게 나누지 않는 게 저는 좀 더 나았던 것 같습니다.물론 상태나 provide, inject 같이 직접 제공하고 받는 방식이 있긴 하지만 어디 까지나 개인 취향이지 않을 까 합니다.

Vue or React 컴포넌트화의 범위?

5개의 답변

#vue 목록