멘토링 - 리액트 코드 클린하게 작성하기 / pure redux

< 리액트 코드 클린하게 작성하기 >

 

1. constant 객체는 빼는 것이 좋다.

 

데이터가 업데이트가 되지 않는다면 이처럼 바깥으로 빼주는 것이 좋다.

 

 

2. state를 불필요하게 너무 많이 사용하지 말 것 

3. useState에 함수를 넘길 때 

=> useState가 익명함수로 쓴다면 비동기적으로 작동할 수 있다.

=> 함수를 한 번 감싸준다면 리렌더링될 때마다 실행되지 않는다.

 

4. 상태변경시에도 리렌더링을 방지하기 => useRef 사용하기

상태가 변경되었어도 리렌더링 방지를 한다. 마운트 되었을때만 

 

5. 꼭 해줘야하는 처리

• 로딩
• 에러
• 빈페이지

 

 

 

< pure redux >

 

새롭게 시작하는 곳이면 redux를 사용하지는 않지만, 새롭게 나오는 것들도 redux에서 파생된 것이 많으므로 공부하는 것을 추천. (보일러플레이트 코드가 크다.)