こんにちは、エンジニアの小林です。 先日、スペースを貸し出すオーナー様向けのダッシュボード(管理画面)をリニューアルしました。 スペースマーケットはwebサーバもAPIサーバもRailsで構築しているのですが、JQueryをベースに構築していたリニューアル前の実装からReactをベースにした実装へ移行した際に得た知見を書きたいと思います。 サーバ構成 既存のサーバ構成では、webサイトはwebサーバから、アプリはAPIサーバからそれぞれデータベースを参照していました。 リニューアルに伴いwebサーバからもAPIサーバを参照する構成となります。 webサーバから別ドメインのAPIサーバにアクセスするためには CORSの設定 webサーバとAPIサーバはドメインが違うため、ReactのコードからAPIサーバにajaxリクエストが送れません。これを回避するためにCORS(Cross-Origin
![Railsで構築しているWebサービスをjQueryベースからReactに移行する時の知見 | スペースマーケットブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4477722a89773d5ca9730af1c6c21477a669a9d3/height=288;version=1;width=512/https%3A%2F%2Fblog.spacemarket.com%2Fwp-content%2Fuploads%2F2016%2F03%2FA_JavaScript_library_for_building_user_interfaces___React-1.png)