Upgrade to Pro — share decks privately, control downloads, hide ads and more …

saitamajs

Avatar for dtsuji dtsuji
October 14, 2021
Programming
0
1.6k

 saitamajs

Avatar for dtsuji

dtsuji

October 14, 2021
Tweet

Other Decks in Programming

See All in Programming
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
890
Goで作る、開発・CI環境
Avatar for Shinpei Mine sin392
0
230
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.5k
効率的な開発手段として VRTを活用する
Avatar for Yosuke Ishikawa ishkawa
0
140
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
4
2k
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
170
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
Avatar for marcy731 marcy731
0
120
PHPでWebSocketサーバーを実装しよう2025
Avatar for kubotak kubotak
0
280
#QiitaBash MCPのセキュリティ
Avatar for Tommy(sigma) ryosukedtomita
1
1.3k
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
680
PipeCDのプラグイン化で目指すところ
Avatar for Warashi warashi
1
270
Discover Metal 4
Avatar for rei rei315
2
130

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
KATA
Avatar for Megan Lloyd mclloyd
30
14k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k

Transcript

  1. 2021 - 1 0 - 1 4 1 9 :

    3 0 ~ Saitama.js react-rails Daisuke Tsuji@dim 06 27

  2. https://twitter.com/dim 0 62 7

  3. react-rails https://github.com/reactjs/react-rails Rails View React

  4. API n+ 1 `render collection` View View `react_component` React Component

    API n+ 1 API React View

  5. Component Props `camelize_props` View ActiveRecord `as_json(include: xxx)`

  6. Component Rails View `react_component` React Component React Component render React

    Component -> Props

  7. CSS Rails CSS React React CSS API Rails CSS React

    Rails CSS

  8. SPA Rails API API View API + Next.js CRA Rails

    erb React

  9. Rails react-rails Rails API

  10. JS