오늘은 스타트업 대표로 근무하고 계시는 5년차 개발자분의 코드리뷰를 받았다.
오늘 내가 배운 점을 간단하게 적어보자!
.map()은 렌더단에 넣지 말자!
렌더단은 최대한 깔끔하게, 직관적으로 구성하는게 좋다고 하셨다.
렌더 <-> 로직
useQuery에 pagination기능이 있다.
프론트엔드 개발은 수정 싸움
수정이 최대한 용이한 코드를 기획하고 작성하자, 컴포넌트 분리도 수정이 용이한 방식 중 하나다.
아이콘은 웬만해선 사용하지 않는다
svg파일을 react component로 변환 후 사용하는 경우가 대부분이다.
Moment.js (x), Day.js (o)
날짜, 시간 관련 라이브러리는 무조건 day.js를 사용하도록 하자.
Next.js는 너무 섣불리 공부하지말자
CSR 생태계를 이해하고 Typescript를 공부 한 뒤, 정말 SSR에 대해 공부할 시간이 많이 남을 때 대표적 프레임워크인 next.js를 공부하자!
Props는 최대 두개로.
전역 상태관리 툴을 잘 사용해서, 컴포넌트간 Props를 최대 두개로 관리하자
dependency를 신경쓰며 개발하자
리액트의 라이프사이클을 잘 이해하고, 훅을 사용할 때 디펜던시를 신경써서 주입해주자.
간단한 배포는 Netlify !
Hello,