How Migrating from Vanilla Redux to Redux Toolkit Improved State Management in Shopify POS (2023) 이 문서에서 Shop

How Migrating from Vanilla Redux to Redux Toolkit Improved State Management in Shopify POS (2023) 이 문서에서 Shopify은 Redux에 대한 일반적인 불만을 해결하는 라이브러리인 Redux Toolkit(RTK)로 Retail Point of Sale 앱을 마이그레이션하는 과정을 공유합니다. 마이그레이션 이유, RTK 사용의 이점 및 마이그레이션 프로세스에서의 전략과 도전 과제에 대한 개요가 이 문서에서 제공됩니다. 마이그레이션은 약 3개월이 걸리며, RTK 기능 대부분을 마이그레이션하면서 보다 복잡한 코드는 Vanilla와 유사한 스타일로 남겨둔 균형잡힌 방식으로 진행되었습니다. 이 방식이 앱을 불안정해지지 않으면서 코드 재사용과 Redux 구현의 단순화를 가능하게 한다는 판단하에 진행되었습니다. RTK의 장점 중 하나는 보일러플레이트 뿐인 3,500줄의 코드를 삭제할 수 있게 되어 상태 관리 아키텍처를 이해하고 디버깅하기 쉽게 만들었으며, 새로운 기능을 만들 때 보일러플레이트를 작성할 필요가 없어져 기능 개발이 더욱 빨라졌습니다. 그러나 팀은 비동기 로직을 마이그레이션하는 방법에 대해서는 도전을 겪었습니다. RTK를 사용한 비동기 로직의 권장 방식은 `createAsyncThunk`를 사용하여 웹 요청을 하고, 생성된 `pending` 및 `fulfilled` 액션을 사용하는 것입니다. 그러나 팀은 마이그레이션 중 앱을 불안정하게 만들지 않으려고 이 방식을 수정해 사용했습니다. 이러한 도전에도 불구하고, 팀은 RTK를 사용하여 Vanilla Redux 코드와 전문 지식을 재사용하면서 현대적인 JavaScript 상태 관리 솔루션의 이점을 얻는 쉬운 방법이라고 평가했습니다. 보일러플레이트 코드를 상당량 삭제하고, Redux 구현을 단순화하고, 기능 개발을 빠르게 만들었습니다. 전반적으로, 이 문서는 Vanilla Redux에서 RTK로 마이그레이션하는 장점과 도전 과제에 대한 유용한 통찰력을 제공합니다.