Vue を React にリプレイスした記事

VueをReactにリプレイスしてEasyからSimpleにした話

読んだ。

Vue2 から Vue3 の移行コストが重くて React にしようという話はわりとよく見かける印象があるが、この記事でもその方向に進んだみたい。

やはり Easy / Simple の話もよく見るし、フロントエンド専任がいる or いないだったり規模が大きくなってきた状況だったりで Easy から Simple に移るという話をよく見る。

この記事は実際の移行時に何をしたかをいくつか具体的に書いてくれていた。

移行は画面単位、実装時はひとまず1ページ実装してみてから設計を細かく決めるといった内容は今後実際に移行する場合に役立ちそう。

最近 alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications. を参考にしたディレクトリ構成を使っているが、やはりページ単位でディレクトリや実装を構成しているため、ページというモジュールで分割して移行するのも切り分け方が似ていてやりやすそうな感覚がある。

移行中は Vue と React が共存した状態になるが、それぞれ別で Linter などを設定してディレクトリを分けていたというのも面白い気がする。

monorepo にしてもよかったという話だけど、たぶん monorepo にするにもコストや知識が追加で必要になるので、実際どうなるかは悩ましいことになりそう。

具体的な体験や選定理由などが明確で意思決定の参考になりそうな記事でした。