RailsでReactJSを使う〜準備編

RailsでReactJSを使う〜準備編

RailsでReactJSを使う〜準備編

RailsでReactJSを使う〜準備編 へのコメントはまだありません

RailsでReactJSを使ってみようという企画をスタートしてみます。
まずはRailsのプロジェクトを作って、ReactJSをインストールして、HelloWorldを出力するところまでの準備編です。

これから何回かにわたり連載する内容はGitHubの下記のURLで公開しています。
https://github.com/h-mito/rails_with_react

Railsプロジェクト作成、ReactJSインストール

末尾に1行追加する

react-railsをインストールして、プロジェクトに組み込む

Reactコンポーネントの作成、Hello World作成

以下のようなソースがapp/assets/javascripts/componentsに生成されると思います。

これでも問題ないのですが、ReactJS本家の Get Started風に以下のように書き換えます。
で、renderメソッドに Hello Worldの出力を追加します。

テスト用コントローラー作成

Reactコンポーネントを出力

viewsに出来上がったビューに先ほど作ったReactコンポーネントを出力してみます。

動作確認

ブラウザーで 以下のURLへアクセスし、以下のような画像が出れば成功。

localhost:3000/first/index

react5


About the author:

Tags:

Related Posts

Leave a comment

Back to Top