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.6k
saitamajs
dtsuji
October 14, 2021
Tweet
Share
Other Decks in Programming
See All in Programming
UMAPをざっくりと理解 / Overview of UMAP
kaityo256
PRO
3
1.6k
AIコーディングの理想と現実
tomohisa
38
40k
データと事例で振り返るDevin導入の"リアル" / The Realities of Devin Reflected in Data and Case Studies
rkaga
3
2.6k
監視 やばい
syossan27
12
10k
はじめてのPDFKit.pdf
shomakato
0
110
KANNA Android の技術的課題と取り組み
watabee
1
580
flutter_kaigi_mini_4.pdf
nobu74658
0
160
生成AI時代のフルスタック開発
kenn
8
980
Global Azure 2025 @ Kansai / Hyperlight
kosmosebi
0
160
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
6
1.6k
Serving TUIs over SSH with Go
caarlos0
0
760
バイラテラルアップサンプリング
fadis
3
620
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Why Our Code Smells
bkeepers
PRO
336
57k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Agile that works and the tools we love
rasmusluckow
329
21k
Thoughts on Productivity
jonyablonski
69
4.6k
RailsConf 2023
tenderlove
30
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Into the Great Unknown - MozCon
thekraken
38
1.8k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Cost Of JavaScript in 2023
addyosmani
49
7.8k
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