React Global State(리엑트 글로벌 상태 관리)

회사에서 동료들과 이야기하던 중 우리 회사도 redux를 도입해야 하는 거 아니냐는 말을 들었습니다. 그렇습니다. 사실 redux를 도입하던 global state 관리할 만한 뭔가를 진작 도입했어야 했습니다. 우리는 왜 여태 컴포넌트 간의 props 를 넘겨가며 코드를 계속 복잡하게 만들고 있어야 했나...

배경

사실 시작은 이렇다. 처음 개발한 개발자 분이 react 기본 router, state 관리 방식까지 모두 자기만의 스타일로 만들어 그 패턴으로 개발했습니다. 황당했지만 굴러드러온 돌이고 바빴기 때문에 이를 고칠 시간적 여유도 없었습니다.

그렇게 시간이 흘러 여러 차례 마이그레이션, 신규 런칭 과정을 거쳤지만 이번에도 같은 실수를 반복하며 제대로 개선되지 못하고 본인만의 패턴들을 꽉 체워 두었습니다. 결국 모두가 새로 나가고 한번 더 새로운 사람들로 체워지면서 현재의 새로운 프론트엔드, 앱 개발자들은 이 상황을 맞닥뜨려야 했습니다.

바쁜 일상

프론트엔드, 앱, 서비스 백엔드 개발자 분들은 계속된 요구사항과 유지보수 개발에 지쳐있었습니다. 문제를 이야기한지 시간이 많이 지났지만 그 누구도 기술적 검토나 토론을 이어가지 않았습니다.

그래서 자의로 스터디도 할 겸, 사내 문서도 만들 겸, 테스트해 react의 global state 관리 방식에 대해 조사해보기로 했습니다.

위의 링크에 있는 비교 분석을 참고해 실제 적용하며 테스트했고 recoil 로 적용하자고 결론에 다다랐습니다.