브라우저 Layout 리렌더링 과정을 고려하여 animation 속도 최적화를 해보았다.
controlled와 uncontrolled component에 대해서 알아보자. 그리고 많이 사용하는 react hook form 라이브러리는 왜 다른 form 라이브러리에 비해 성능이 좋을까?
OPTIONS 메서드 그리고 preflight 최적화 방법에 대해 알아보자.
사이트 완성 후의 lighthouse 점수 85점에서 98점으로 올리기까지의 최적화 과정을 정리해보았다.
불필요한 api 호출을 줄이기 위해 react-query에 디바운싱을 적용하였다.
Firestore의 onSnapshot을 이용해서 실시간 state 변경 감지를 하였다.
react-query의 useQuery의 원리를 파악하고, 이를 프로젝트에 적용해보았다.
React suspense를 이용하여 waterfall 현상을 개선할 수 있다.
React 함수 컴포넌트를 활용하기 위한 map 라이브러리 선정과 모달 기준을 고민한 과정.
react-helmet 과 react-helmet-async의 차이에 대해 정리해보았다.
React18의 concurrent 기능의 useDeferredValue를 사용하여 사용성을 높이다.
useRef, Callback ref, Foward ref에 대한 정리.
프로젝트에 Intersection Observer api를 이용하여 무한스크롤 구현한 이야기.