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
Advanced App Shrinking Techniques
cbeyls
2
150
CSC307 Lecture 11
javiergs
PRO
0
240
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
CSC307 Lecture 09
javiergs
PRO
1
500
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
190
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.9k
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
Activities at Cairo Library
cairolibrary720
0
1.2k
HMSコンペ 11th Solution (team : kansai-kaggler)
t88
1
680
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
166
14k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
The Language of Interfaces
destraynor
151
23k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Building Adaptive Systems
keathley
34
2k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Mobile First: as difficult as doing things right
swwweet
219
8.8k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
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