React

React 16.8이 정식 릴리즈되면서 Hooks를 실제 프로덕션에 적용할 수 있게 되었다. 기존 Class 컴포넌트 중심의 코드베이스에 Hooks를 도입하기 전, 팀 내에서 논의했던 내용들을 정리했다.

작년 10월 React 16.8에 Hooks가 정식 릴리즈됐다. 레거시 프로젝트에 점진적으로 도입하면서 겪은 시행착오와 useState, useEffect의 실제 적용 사례를 정리했다.

React 16.8이 정식 릴리즈되면서 Hooks를 프로덕션에 도입할 수 있게 되었다. 기존 Class 컴포넌트 기반 코드베이스에 Hooks를 어떻게 적용할지 고민한 내용을 정리했다.

React 16.8이 정식 릴리즈되면서 Hooks를 프로덕션에 도입할지 고민하게 되었다. 기존 클래스 컴포넌트 코드베이스와의 호환성, 팀 학습 곡선, 마이그레이션 전략을 검토한 내용을 정리했다.

React 16.8에서 Hooks가 정식 릴리즈되었다. 기존 프로젝트의 Class Component를 어떻게 전환할지 검토하며, 당장 적용 가능한 부분과 유보할 부분을 정리했다.

React 16.8 정식 릴리즈를 앞두고 Hooks API를 검토했다. 기존 Class 컴포넌트 기반 코드베이스에서 Hooks로 전환할지, 어떻게 전환할지 고민한 내용을 정리했다.

프로젝트 규모가 작아 Redux가 과하다고 판단했다. React 16.3에서 정식 도입된 Context API를 활용해 전역 상태를 관리한 경험을 정리했다.

React 16.7 alpha 버전에서 발표된 Hooks를 실제로 테스트해봤다. 아직 프로덕션에 적용하기엔 이르지만, 클래스형 컴포넌트를 함수형으로 전환할 수 있는 가능성을 확인했다.

React 16.6에서 추가된 lazy와 Suspense를 프로젝트에 적용했다. 기존 react-loadable을 대체하면서 번들 크기를 줄이고 초기 로딩 속도를 개선한 과정을 정리한다.

프로젝트에 React 16.6의 Suspense와 lazy를 적용하며 번들 사이즈를 30% 줄였다. 코드 스플리팅 전략과 실제 적용 과정을 기록한다.