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
生成AI時代のコンポーネントライブラリの作り方
touyou
1
210
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
140
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
780
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
890
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.4k
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
190
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
510
技術同人誌をMCP Serverにしてみた
74th
1
640
Team operations that are not burdened by SRE
kazatohiei
1
310
第9回 情シス転職ミートアップ 株式会社IVRy(アイブリー)の紹介
ivry_presentationmaterials
1
320
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
18k
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
190
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Facilitating Awesome Meetings
lara
54
6.4k
Music & Morning Musume
bryan
46
6.6k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
How to Ace a Technical Interview
jacobian
278
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
How to train your dragon (web standard)
notwaldorf
95
6.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
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