Enviar pesquisa
Carregar
react_rails
•
0 gostou
•
293 visualizações
Shigeru Kondoh
Seguir
for Ruby Maizuru
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 13
Baixar agora
Baixar para ler offline
Recomendados
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Rpscala18th
Rpscala18th
nanjakkun
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
2b 2014/03/25 March
2b 2014/03/25 March
Takuma Maruyama
laravel x モバイルアプリ
laravel x モバイルアプリ
Masaki Oshikawa
Introduction to Kanagawa Ruby Kaigi01 #kana01
Introduction to Kanagawa Ruby Kaigi01 #kana01
Aki Ariga
Recomendados
React Redux Redux-Saga + サーバサイドレンダリング
React Redux Redux-Saga + サーバサイドレンダリング
エンジニア勉強会 エスキュービズム
One Time Binding & Digest Loop
One Time Binding & Digest Loop
Kon Yuichi
まだDOM操作で消耗してるの?
まだDOM操作で消耗してるの?
IRI MO
Rpscala18th
Rpscala18th
nanjakkun
React.jsでクライアントサイドなWebアプリ入門
React.jsでクライアントサイドなWebアプリ入門
spring_raining
2b 2014/03/25 March
2b 2014/03/25 March
Takuma Maruyama
laravel x モバイルアプリ
laravel x モバイルアプリ
Masaki Oshikawa
Introduction to Kanagawa Ruby Kaigi01 #kana01
Introduction to Kanagawa Ruby Kaigi01 #kana01
Aki Ariga
React Native GUIDE
React Native GUIDE
dcubeio
REACT & WEB API
REACT & WEB API
Shigeru Kondoh
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
WESEEKWESEEK
React.jsでサービスを作ってみた話
React.jsでサービスを作ってみた話
GIG inc.
react-scriptsはwebpackで何をしているのか
react-scriptsはwebpackで何をしているのか
暁 三宅
クラスメソッド第4回登壇資料 RxRealm
クラスメソッド第4回登壇資料 RxRealm
Daisuke Nagata
RでつくるWebアプリ~rApache編~
RでつくるWebアプリ~rApache編~
Kazuya Wada
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
Kenichi Tachibana
Reactを使ったVR環境
Reactを使ったVR環境
KatsuyaENDOH
Express Web Application Framework
Express Web Application Framework
LearningTech
The First React on Rails
The First React on Rails
Kohei Ito
Rails3.1rc4を試してみた
Rails3.1rc4を試してみた
Takahiro Hidaka
React + Reduxで作る対話AI
React + Reduxで作る対話AI
Kentaro Tada
Rails初心者レッスン lesson1 3rd edition
Rails初心者レッスン lesson1 3rd edition
Goh Matsumoto
Couch Db勉強会0623 by yssk22
Couch Db勉強会0623 by yssk22
Yohei Sasaki
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
Testing react-native with storybook on web
Testing react-native with storybook on web
Jesse Katsumata
scala-kaigi1-sbt
scala-kaigi1-sbt
Kenji Yoshida
Ruby on Rails3 Tutorial Chapter3
Ruby on Rails3 Tutorial Chapter3
Sea Mountain
Mais conteúdo relacionado
Semelhante a react_rails
React Native GUIDE
React Native GUIDE
dcubeio
REACT & WEB API
REACT & WEB API
Shigeru Kondoh
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Kazuhiro Yoshimoto
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
WESEEKWESEEK
React.jsでサービスを作ってみた話
React.jsでサービスを作ってみた話
GIG inc.
react-scriptsはwebpackで何をしているのか
react-scriptsはwebpackで何をしているのか
暁 三宅
クラスメソッド第4回登壇資料 RxRealm
クラスメソッド第4回登壇資料 RxRealm
Daisuke Nagata
RでつくるWebアプリ~rApache編~
RでつくるWebアプリ~rApache編~
Kazuya Wada
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
Kenichi Tachibana
Reactを使ったVR環境
Reactを使ったVR環境
KatsuyaENDOH
Express Web Application Framework
Express Web Application Framework
LearningTech
The First React on Rails
The First React on Rails
Kohei Ito
Rails3.1rc4を試してみた
Rails3.1rc4を試してみた
Takahiro Hidaka
React + Reduxで作る対話AI
React + Reduxで作る対話AI
Kentaro Tada
Rails初心者レッスン lesson1 3rd edition
Rails初心者レッスン lesson1 3rd edition
Goh Matsumoto
Couch Db勉強会0623 by yssk22
Couch Db勉強会0623 by yssk22
Yohei Sasaki
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
yoshioka_cb
Testing react-native with storybook on web
Testing react-native with storybook on web
Jesse Katsumata
scala-kaigi1-sbt
scala-kaigi1-sbt
Kenji Yoshida
Ruby on Rails3 Tutorial Chapter3
Ruby on Rails3 Tutorial Chapter3
Sea Mountain
Semelhante a react_rails
(20)
React Native GUIDE
React Native GUIDE
REACT & WEB API
REACT & WEB API
React.js・ReactNative・Redux入門
React.js・ReactNative・Redux入門
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
Rails×React×TS で作るwebアプリ入門【weseek tech conf #10】
React.jsでサービスを作ってみた話
React.jsでサービスを作ってみた話
react-scriptsはwebpackで何をしているのか
react-scriptsはwebpackで何をしているのか
クラスメソッド第4回登壇資料 RxRealm
クラスメソッド第4回登壇資料 RxRealm
RでつくるWebアプリ~rApache編~
RでつくるWebアプリ~rApache編~
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
A HUGE CHANGE RAILS 5 IS APPROACHING FAST
Reactを使ったVR環境
Reactを使ったVR環境
Express Web Application Framework
Express Web Application Framework
The First React on Rails
The First React on Rails
Rails3.1rc4を試してみた
Rails3.1rc4を試してみた
React + Reduxで作る対話AI
React + Reduxで作る対話AI
Rails初心者レッスン lesson1 3rd edition
Rails初心者レッスン lesson1 3rd edition
Couch Db勉強会0623 by yssk22
Couch Db勉強会0623 by yssk22
RailsでReact.jsを動かしてみた話
RailsでReact.jsを動かしてみた話
Testing react-native with storybook on web
Testing react-native with storybook on web
scala-kaigi1-sbt
scala-kaigi1-sbt
Ruby on Rails3 Tutorial Chapter3
Ruby on Rails3 Tutorial Chapter3
react_rails
1.
react_rails Ruby舞鶴2015.8.23
2.
自己紹介 近藤 茂(twitter: @subcigel, github:
cncgl) フリーエンジニア 主にバックエンドとフロントエンド 10年ぐらいのブランクがある(ほぼ新人)
3.
Reactとは Facebook製JavaScript UI ライブラリ 単一方向データフロー Virtual
DOM JSXシンタックス
4.
react_railsとは Rails で React
を扱いやすくする
5.
元記事 Qiita: “react-railsを使ってReactのTutorialを やってみる” @joe-re
6.
使い方(Rails) $ rails new
react-rails-sample —bundle-skip $ cd react-rails-sample $ vim Gemfile gem ‘react_rails’, ‘~>1.2.0’ $ bundle install —path vendor/bundle
7.
使い方(React) $ rails g
react:install create app/assets/javascripts/components create app/assets/javascripts/ components/.gitkeep insert app/assets/javascripts/application.js insert app/assets/javascripts/application.js insert app/assets/javascripts/application.js create app/assets/javascripts/components.js
8.
React Component 生成 $rails
g react:component CommentBox create app/assets/javascripts/components/ comment_box.js.jsx
9.
JSX 修正 $ vim
app/assets/javascripts/components/comment_box.js.jsx var CommentBox = React.createClass({ render: function() { return ( <div className="commentBox"> Hello, world! I am a CommentBox. </div> ); } });
10.
controller & view $
rails g controller comments $ vim app/views/comments/index.html.erb <%= react_component(‘CommentBox’) %>
11.
Routing $ vim config/routes.rb root
‘comments#index’ localhost:3000 でアクセスして表示されれば 成功
12.
Server Rendering index.html.erb で使用した
react_component() において { prerender: true } を渡すことにより server 側で rendering できるようになる(少 し、条件がある)。
13.
まとめ Rails で React
するなら react_rails が便利 react_rails にはサーバーサイドレンダリング の機能があり、SEOに優れている
Baixar agora