Vue2로 개발된 제품을 React로 마이그레이션 할 계획이 생겼어요.
아래와 같은 기준 때문인데요.
- 23년 12월 31일 기준 Vue2 지원 공식종료
- 타입스크립트 마이그레이션 필요
- 제품 성장에 따라 복잡도 증가 (리액트가 유리해보임)
- 생태계의 크기 차이
- 전체 프로젝트 구조가 모노레포로 개편
- 프론트엔드 제품의 코드베이스 단일화
- 사내 디자인시스템(React) 등 공통 모듈 사용
제품을 한번에 마이그레이션 하기에 부담이 있기 때문에 점진적으로 진행하고자 합니다!
그 방법으로 프로젝크 구조를 마이크로프론트엔드로 변경하면서 페이지 별로 마이그레이션 하면 되겠다는 목표를 두고 있습니다.
Webpack의 Module Federation 플러그인을 통해서 런타임 통합으로 고려 중인데요.
- Host: Vue2 + Webpack
- Remote: React + Vite
위 두 조합으로 시도를 해보고 있습니다...만..
처맞기 전까지 다들 계획은 있는거잖아요..?
잘 안 되고 있네요 ㅎㅎ.. 😭
시도해보신 분들의 노하우가 간절하네요
