읽기 -(230106발행)

https://ktseo41.github.io/blog/log/avoid-these-common-pitfalls-of-react-usestate.html?utm_source=substack&utm_medium=email 

리액트에서 useState를 사용하면서 저지를 수 있는 흔한 실수들 | bohyeon.dev

 

인상깊었고, 개발을 하면서 주의해야겠다 라고 생각했던 부분

1. 불필요한 useState 사용 자제

- 불필요한 useState남발은 추가 렌더링을 야기시킬 수 있다(그러나 ‼리액트 18에서  상태 업데이트는 일괄적으로 처리)

-  유지 관리 가능성과 버그를 유발할 수 있음

 

2.useEffect 를 이용한 상태 업데이트

- useEffect는 읽고 이해하기 쉽지 않기 때문에 사용 자제

- useEffect 내에서 상태를 업데이트할 시  추가 렌더링이 발생

3.useReducer를 사용해 상태관리

-여러 개의 상태를 한번에 관리할 수 있음

 

 

 

---

위의 일괄처리를 찾아보다가

https://velog.io/@woodong/React-18-%EC%A3%BC%EC%9A%94-%EB%B3%80%EA%B2%BD%EC%A0%90

React 18 주요 변경점

리액트의 새로운 훅을 알게됐구

검색해봄

https://velog.io/@ktthee/React-18-%EC%97%90-%EC%B6%94%EA%B0%80%EB%90%9C-useDeferredValue-%EB%A5%BC-%EC%8D%A8-%EB%B3%B4%EC%9E%90

React 18 에 추가된 useDeferredValue, useTransition 을 써 보자

한번 사용해봐야겠다.

 

 

track Event는 web api였다

https://developer.mozilla.org/en-US/docs/Web/API/TrackEvent

TrackEvent - Web APIs | MDN

어떻게 사용하는지 감이 안온다..