191022 TIL React - 두번째(useReducer, 클래스형 컴포넌트, Sentry)
Oct 22, 2019
»
1.5막,
TIL (Today I Learned),
React.js
React
-
리액트를 공부할 수록 destructuring 을 잘해야겠다는 생각이 든다.
디스트럭처링 -
객체불변성 유지하는 것도…
Reactjs와 불변성
오늘 공부한 부분
- useReducer
- 커스텀 Hook
- Context API
- UserDispatch Context
- Immer
- 클래스형 컴포넌트
- LifeCycle 메서드
- componentDidCatch, Sentry
수업내용 && 내 생각 && 기타등등
- useState vs useReducer
reducer 상태를 업데이트 하는 함수, dispatch == 액션을 발생시킨다 상태 업데이트 로직이 컴포넌트 밖에 있는 것을 확인하세요.ie. Function reducer(state, action){} function Counter() {}" 간단 ? useState : useReducer
- 커스텀훅 name = use+구현할 기능 (와 모르겠다. 많이 써봐야 알 듯..)
- 컴포넌트로 넘겨주고 넘겨주고 넘겨주는 걸 한번에 하기 위해 context API 사용
- const MyContext = createContext(‘defaultValue’); <- 그냥 전역으로 쓰겠다는거 같은데…
- 뭔가 emit 같은 느낌으로 쓰는 듯. 그 흐름이 아직 명확하게 잡히질 않는당
- 근데 immer 안쓰는 게 좋을듯 / 불변성 유지하는 거 인지 못하고 그냥 쓸듯
- 요샌 클래스형 많이 안쓰지만 나중에 유지보수 등에서 쓸 수 있게 알아만 두세요.
- lifecycle 출처
- sentry 잘 활용하면 좋을 것 같다.
공부법 고민
요새 정신차려보면 막힌 부분을 깊게 파고 있는데, 일단 전체적인 맥락 잡는 것부터 하자. 차근차근!
MacBook Pro 발열잡기
맥북 프로 쓰는데 발열이 너무 심해서 monitor앱을 봤더니 WindowServer가 30~40% 잡아먹길래, 아래 글 보고 불필요한 기능들을 껐다.
WindowServer high CPU on Yosemite
(발열은 그대로)