React

Redux를 사용하던 중소 규모 프로젝트에서 보일러플레이트가 과하다는 판단이 들었다. React 16.3에서 정식 출시된 새로운 Context API로 마이그레이션한 과정을 기록한다.

깊은 컴포넌트 트리에서 props를 계속 전달하는 문제를 새로운 Context API로 해결했다. Redux를 도입하기엔 과한 상황에서 유용한 선택지였다.

대시보드 프로젝트에서 불필요한 리렌더링으로 인한 성능 저하가 발생했다. shouldComponentUpdate와 PureComponent를 적용해 해결한 과정을 정리했다.

기존에 props drilling으로 구현했던 다국어 처리를 React 16.3의 새로운 Context API로 마이그레이션했다. Redux를 쓰기엔 과한 상황에서 좋은 대안이 됐다.

프로젝트 규모가 작은데 Redux를 도입하는 것이 과한 것 같아 고민하던 중, React 16.3에서 새로 개선된 Context API를 사용해봤다. Prop drilling 문제를 해결하면서도 보일러플레이트를 최소화할 수 있었다.

여러 페이지에서 반복되는 데이터 fetching 로직을 HOC로 처리하다가 타입 추론 문제에 부딪혔다. Render Props 패턴으로 전환하면서 타입 안정성과 재사용성을 모두 확보한 과정을 정리했다.

소규모 프로젝트에서 Redux를 걷어내고 React 16.3의 Context API로 전환했다. 보일러플레이트가 줄고 번들 사이즈도 개선되었지만, 트레이드오프는 분명히 존재했다.

프로젝트에서 간단한 전역 상태 관리를 위해 Redux를 사용했는데, 보일러플레이트 코드가 과도하다는 피드백이 있었다. React 16.3에서 정식으로 추가된 Context API를 적용해 일부 상태 관리를 단순화했다.

프로젝트에서 5단계 이상 컴포넌트를 거쳐 prop을 전달하는 문제가 있었다. React 16.3에 새로 추가된 Context API를 적용해 코드를 개선했다.

기존 Redux로 관리하던 테마와 언어 설정을 새로운 Context API로 마이그레이션했다. 보일러플레이트가 크게 줄어들고 컴포넌트 구조가 단순해졌다.