⁉️

질문정리

<윤호>

develop에서 main으로 머지할 때도 풀리퀘를 날려서 머지를 하려고 합니다! 혹시 이 방법으로 머지하는게 맞을까요!? 아니면 다른 방식으로 해야할까요!?

풀리퀘를 날렸을 때 충돌이 있어날경우 충돌을 해결하는 예시 혹은 어떻게 해결하시는지 알려주실수 있나요!?

컴포넌트 스타일정의는 현업에서 어떤 방식으로 많이 사용하시나요? 혹은 사용 우선순위나 어떤 유형일 때는 이거써라 하는게 있을까요!?

이모션 styled
이모션 css
인라인 스타일
css or scss 파일
혼합사용

styled 컴포넌트를 작성할 때 내부에서 아래와 같이 변수를 사용하는것도 괜찮을 방식일까요!?

컴포넌트의 props 값에 디폴트값을 줄 때 선언부에 주는게 좋을까요!? Component.defaultProps 에 주는게 좋을까요!? 성능적인 차이는 없는걸까요!? 검색을 해도 어떤걸 선택해서 사용하면 좋을지 감이 안옵니다🤣

특이케이스가 아닌 왠만한 모든 컴포넌트에 React.memo 를 선언해서 사용해도 괜찮을것 같다고 생각했습니다! 부모 컴포넌트가 리렌더링 될 때 자식으로 전달하는 props가 변경되어 자식이 리렌더링 되는 현상을 막을수 있어서 React.memo 를 적극 활용하면 좋을것 같다고 생각하는데요! 선협님 강의를 보면 컴포넌트 만드실 때 React.memo 를 안 씌우시던데 이유가 있을까요!? 혹은 제가 잘못 알고 있는걸까요!?

같은 맥락으로 useMemo 도 state를 메모이제이션 하기 때문에 왠만하면 적극적으로 활용하는게 좋을것 같다고 생각하는데 괜찮은걸까요!?

stylelint 설정을 사용하시나요!? 혹시 어떻게 설정하셨는지 공유해주실수 있나요!?

styled 컴포넌트안에서 js문법이라 충돌되는 이슈가 있습니다 😂
이슈현상 : https://www.notion.so/oranjik/211022-04e54473ef4041b0829272d31f41f5e2
stylelint 설정 상황: https://www.notion.so/oranjik/3ee543f0ed3c4ddd8bb6e791413e42ab

useRef 로 리렌더링 될 필요가 없는 지역변수로써 사용하는 케이스가 와닿지가 않습니다. 설명좀 부탁드려도 될까요!?

useRef vs useMemo
제가 예시를 보여드리자면 useResize or useClickAway (내가 잊어먹지 않기 위해 작성한 용도)


const Button = styled.button`
	--font-color: ${({ fontColor }) => fontColor};


	color: var(--font-color);

	&:active {
    border: solid 2px var(--font-color);
  }
`


const Button = ({width = 200, height = 100}) = {
	...
	return ...
}

// vs

const Button = ({width, height}) = {
	...
	return ...
}

Button.defaultProps = {
  width: 200,
  height: 100,
};