React

React 18 beta를 프로젝트에 적용해보면서 확인한 주요 변경사항과 마이그레이션 포인트를 정리했다. Concurrent Rendering과 Automatic Batching이 핵심이지만, 실제로는 breaking change가 생각보다 많지 않았다.

React 18 beta가 공개되어 사이드 프로젝트에 적용해봤다. Automatic Batching과 useTransition을 중심으로 실제 동작을 확인했고, 기존 코드와의 호환성도 체크했다.

React 18 Beta를 프로젝트에 도입하면서 Automatic Batching으로 인한 렌더링 최적화를 경험했다. 기존에 수동으로 처리하던 상태 업데이트 최적화가 자동으로 처리되면서 코드가 간결해졌다.

React 18 베타를 프로젝트에 적용하며 Concurrent Rendering과 Automatic Batching을 테스트했다. startTransition과 useDeferredValue로 복잡한 리스트 렌더링 성능을 개선한 과정을 기록한다.

React 18 Beta를 테스트하면서 Automatic Batching의 동작 방식을 확인했다. 기존 이벤트 핸들러 외에도 Promise, setTimeout 내부에서도 배칭이 적용되어 리렌더링 횟수가 줄어드는 것을 확인했다.

React 18 베타가 공개되면서 Concurrent Rendering을 실제 프로젝트에 적용해봤다. useTransition과 useDeferredValue를 사용해 무거운 리스트 렌더링 성능을 개선한 과정을 기록한다.

React 18 beta를 테스트하면서 automatic batching이 실제로 어떻게 동작하는지 확인해봤다. setTimeout, Promise 내부에서도 배칭이 적용되는 것을 확인했고, 기존 코드에 미치는 영향을 점검했다.

React 18 Beta가 공개되어 Concurrent Rendering과 Suspense의 변화를 실험 프로젝트에 적용해봤다. startTransition과 useDeferredValue를 실제로 사용하면서 느낀 점을 정리했다.

React 18 beta가 공개되면서 automatic batching이 화제다. 기존 프로젝트에 적용해보며 실제 렌더링 횟수 변화를 측정해봤다.

React 18 Beta를 프로젝트에 적용해보면서 Automatic Batching 기능을 테스트했다. 기존에는 이벤트 핸들러 내부에서만 동작하던 배칭이 Promise, setTimeout 등에서도 자동으로 적용되는 것을 확인했다.