React

React 18 beta가 공개되면서 Concurrent Rendering이 주목받고 있다. 기존 프로젝트에 적용해보며 startTransition과 Suspense의 변경사항을 정리했다.

React 18 Alpha가 공개되면서 Concurrent Rendering이 주요 변경사항으로 소개되었다. 기존 프로젝트에 미칠 영향을 파악하기 위해 주요 개념을 정리했다.

React 18 Alpha가 공개되면서 Concurrent Rendering 기능이 드러났다. 프로젝트에 도입 가능성을 검토하기 위해 주요 변경사항을 정리했다.

React 18 알파가 공개되면서 Automatic Batching과 startTransition 등 새로운 기능들이 추가되었다. 기존 프로젝트에 적용하기 전에 주요 변경사항을 정리해봤다.

React 18 알파가 공개되면서 Concurrent Rendering, Automatic Batching 등 새로운 기능들이 소개되었다. 실제 프로젝트 적용 전 주요 변경사항을 정리하고 기존 코드와의 호환성을 검토했다.

React 18 알파 버전이 공개되면서 주요 변경사항을 미리 살펴봤다. Concurrent Mode와 자동 배칭이 주요 포인트였고, 기존 프로젝트에 미칠 영향을 검토했다.

React 18 알파 버전에서 도입된 Automatic Batching을 실험해봤다. 기존 React 17과의 차이점과 실제 렌더링 최적화 효과를 측정했다.

React 18 alpha가 공개되면서 Automatic Batching 기능이 추가되었다. 기존 이벤트 핸들러 외에 Promise, setTimeout 등에서도 자동으로 배치 처리가 된다는데, 실제 동작을 확인해봤다.

React 17로 업그레이드하면서 document 레벨 이벤트 리스너와의 충돌 문제를 겪었다. 이벤트 위임이 document에서 root DOM으로 변경된 것이 원인이었고, 기존 바닐라 JS 코드를 수정해야 했다.

프로젝트에서 반복되는 폼 처리 로직을 Custom Hook으로 추상화했다. validation과 에러 처리를 포함한 재사용 가능한 useForm 훅을 만들어 코드 중복을 줄였다.