[수강후기] 별코딩 React Hooks series

최현석·2022년 5월 9일
0

수강후기

목록 보기
3/3

리액트 Hook 들을 정리한 좋은 강의가 유튜브에 무료로 올라와서 후딱 들었다.

퀄리티도 상당한데 무료라니,,

리액트를 쓰는 사람이라면 한번쯤 들어보길 추천한다. 한 강의에 15분 ~ 20분정도라 슥 들을 수 있다.

별코딩 리액트 훅스 강의링크


1. useState Hook

  1. useState hook은 state와 setState 를 배열형태로 리턴해준다.
    state는 현재 상태값이, setState를 통해 현재 상태값을 바꿔줄 수 있다.

  2. state가 변경될 때마다 컴포넌트는 re-rendering이 된다.

  1. state를 변경할 때 새로 변경될 state 값이 이전 state값과 연관이 있다면,
    setState에 인자로 새로운 state를 return하는 callback함수를 넣어주는게 좋다.

  1. 초기값을 가져올 때 어떤 무거운 작업을 해야한다면,
    콜백을 넣어준다면 맨 처음 랜더링이 될 때만 실행되게 할 수 있다.

예시 )

이렇게 state의 초기값에 그냥 함수를 넣어놓으면 랜더링 될 때마다 초기값 안의 함수가 재 실행되어 리소스 낭비가 심하다.


profile
노력과 성장을 기록합니다.

0개의 댓글