[원티드 프리온보딩] 2022.05.08

bisari31·2022년 5월 8일
0

유용한 라이브러리

json to ts: json file을 ts interface로 변경해줌
react-use: react-hooks처럼 자주 쓰이는 기능들을 함수화
day js: date를 쉽게 구할 수 있다. (moment js는 용량이 크다)

이미지 용량 최적화 사이트

https://squoosh.app/
손쉽게 이미지 크기를 줄여 웹사이트 로딩을 줄일 수 있다.

리액트에선 setTimeout과 clearTimeout 셋트다

랜더링을 하면서 무한 반복에 시달릴 수 있다.

useMemo와 useCallback

useMemo는 값을 메모이제이션(memoization)하고
useCallback은 함수를 메모이제이션(memoization)한다.

연산을 많이 하는 함수는 useMemo로 감싸고, 자주 랜더링 되는 함수들은 useCallback으로 감싼다.
무조건 useCallback,useMemo가 정답은 아니다.
useCallback과 useMemo 자체로도 메모리를 꽤 잡아먹기 때문이다.

useRef는 최대한 지양하자.

class를 설정해서 css를 변경 할 수 있는데도 useRef를 사용하는 경우가 많다.
style 변경은 class를 활용하자.

0개의 댓글