1. 불필요한 연산 줄이기
1. 연산된 값을 props로 넘기기
2. useMemo로 연산 최적화하기
2. 문자열이면 중괄호 쓰지 않는다.
3. Props에서 spread 연산자가 쓰이면, 관련있는 props, 관련없는 props, 나머지 props로 나눠보자!
4. 너무 많은 props를 넘기는 경우
분리를 해보자.
5. props에 객체 전체를 내리지 말고, 꼭 필요한 값만 내리자.
6. React.Fragment의 shortcut: <></>
key 값을 위해서는 <React.Fragment></React.Fragment> 사용
'🖥FrontEnd > React' 카테고리의 다른 글
| docusaurus에서 최신 블로그 글 가져오기 (0) | 2023.04.05 |
|---|---|
| .env 환경 변수 파일 (0) | 2023.03.10 |
| 탭 형식의 로그인, 회원가입 폼 만들기 (0) | 2023.01.04 |
| Next.js는 무엇인가? 내가 사용하면서 느낀 Next.js의 장점은? (0) | 2022.11.08 |
| axios.get와 fetch 차이 (0) | 2022.09.05 |
