Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
saitamajs
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
dtsuji
October 14, 2021
Programming
0
1.6k
saitamajs
dtsuji
October 14, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
k0kubun
1
400
Package Management Learnings from Homebrew
mikemcquaid
0
200
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
Oxlint JS plugins
kazupon
1
560
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
510
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
680
AI巻き込み型コードレビューのススメ
nealle
0
100
登壇資料を作る時に意識していること #登壇資料_findy
konifar
3
910
AtCoder Conference 2025
shindannin
0
1k
Implementation Patterns
denyspoltorak
0
280
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
4
240
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
130
Featured
See All Featured
The Limits of Empathy - UXLibs8
cassininazir
1
210
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
170
Navigating Team Friction
lara
192
16k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Designing for Timeless Needs
cassininazir
0
130
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
150
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
180
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
1
97
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
79
Building the Perfect Custom Keyboard
takai
2
680
Transcript
2021 - 1 0 - 1 4 1 9 :
3 0 ~ Saitama.js react-rails Daisuke Tsuji@dim 06 27
https://twitter.com/dim 0 62 7
react-rails https://github.com/reactjs/react-rails Rails View React
API n+ 1 `render collection` View View `react_component` React Component
API n+ 1 API React View
Component Props `camelize_props` View ActiveRecord `as_json(include: xxx)`
Component Rails View `react_component` React Component React Component render React
Component -> Props
CSS Rails CSS React React CSS API Rails CSS React
Rails CSS
SPA Rails API API View API + Next.js CRA Rails
erb React
Rails react-rails Rails API
JS