React

React 16이 정식 릴리즈되면서 파이버 아키텍처가 도입되었다. 새로 추가된 Error Boundary를 실무에 적용하면서 알게 된 내용을 정리했다.

React 16으로 업그레이드하면서 새로 추가된 Error Boundary 기능을 적용했다. componentDidCatch 라이프사이클을 활용해 런타임 에러를 안전하게 처리하는 방법을 정리한다.

React 16 베타를 실제 프로젝트에 적용해봤다. Fiber 아키텍처로 인한 렌더링 개선과 새로운 에러 바운더리 기능을 테스트했고, 마이그레이션 과정에서 마주친 이슈들을 정리했다.

문자열 ref가 deprecated 되면서 ref 콜백 패턴을 적용했다. 동적으로 생성되는 리스트 아이템에 포커스를 관리하는 과정에서 유용했던 패턴을 정리한다.

React 16으로 업그레이드하면서 새로 추가된 Error Boundary를 프로젝트에 적용했다. 기존에 try-catch로 처리하던 에러 핸들링을 개선하고, 사용자에게 더 나은 에러 UI를 제공할 수 있게 되었다.

React 16 베타 버전에 추가된 Error Boundary를 프로젝트에 적용해봤다. 컴포넌트 에러 처리 방식이 크게 개선되어 사용자 경험 향상에 도움이 될 것 같다.

React 16이 정식 릴리즈되면서 내부 아키텍처가 Fiber로 재작성되었다. 기존 Stack 기반 reconciler와 비교하여 실제 프로젝트에 적용하며 체감한 변화를 정리했다.

React 16 베타를 프로젝트에 적용해보면서 새로 추가된 Error Boundary 개념을 접했다. 기존에는 컴포넌트 렌더링 중 에러가 발생하면 전체 앱이 망가졌는데, 이제는 에러를 격리할 수 있게 되었다.

React 16 베타를 프로젝트에 적용해봤다. Fiber 아키텍처로 인한 성능 개선이 체감될 정도였고, 특히 애니메이션 처리가 눈에 띄게 부드러워졌다. 몇 가지 breaking changes가 있어 마이그레이션 과정을 정리했다.

React 16으로 업그레이드하면서 fiber reconciler의 변화를 체감했다. 특히 대량의 리스트 렌더링에서 프레임 드롭이 줄어든 점이 인상적이었다.