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
dtsuji
October 14, 2021
Programming
0
1.5k
saitamajs
dtsuji
October 14, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
420
AndroidアプリのUIバリエーションをあの手この手で確認する / Check UI variations of Android apps by various means
tkmnzm
1
200
ドメイン駆動設計を実践するために必要なもの
bikisuke
4
330
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
230
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Debugging: All you need to know (for simultaneous interpreting)
jmatsu
2
930
開発を加速する共有Swift Package実践
elmetal
PRO
0
420
Perl 5 OOP機構30年史 - Perl 5's OOP Mechanism over the past 30 years
moznion
0
390
The Sequel to a Dream of Ruby Parser's Grammar
ydah
1
220
Rubyとクリエイティブコーディングの輪の広がり / The Growing Circle of Ruby and Creative Coding
chobishiba
1
270
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
390
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.6k
Featured
See All Featured
Done Done
chrislema
180
16k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
A Tale of Four Properties
chriscoyier
155
22k
The Cost Of JavaScript in 2023
addyosmani
42
5.7k
Atom: Resistance is Futile
akmur
261
25k
A Philosophy of Restraint
colly
202
16k
Visualization
eitanlees
142
15k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Six Lessons from altMBA
skipperchong
26
3.4k
Become a Pro
speakerdeck
PRO
22
4.9k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
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