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

saitamajs

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
Avatar for Takashi Kokubun k0kubun
1
400
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
200
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
Oxlint JS plugins
Avatar for kazupon kazupon
1
560
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
680
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
0
100
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
3
910
AtCoder Conference 2025
Avatar for shindannin shindannin
0
1k
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
280
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
240
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130

Featured

See All Featured
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
150
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
97
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
79
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680

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