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
1.6k
0

 saitamajs

Avatar for dtsuji

dtsuji

October 14, 2021

Other Decks in Programming

See All in Programming
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
680
今こそ押さえておきたい アマゾンウェブサービス（AWS）の データベースの基礎 おもクラ #6版
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
250
The Monolith Strikes Back: Why AI Agents ❤️ Rails Monoliths
Avatar for Rodrigo Serradura serradura
0
340
Offline should be the norm: building local-first apps with CRDTs & Kotlin Multiplatform
Avatar for Renaud MATHIEU renaudmathieu
0
220
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
110
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
410
Angular Signal Forms
Avatar for Dhananjay Kumar debug_mode
0
110
TiDBのアーキテクチャから学ぶ分散システム入門 〜MySQL互換のNewSQLは何を解決するのか〜 / tidb-architecture-study
Avatar for DPon dznbk
1
180
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
250
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
370
Surviving Black Friday: 329 billion requests with Falcon!
Avatar for Samuel Williams ioquatix
0
290
The Less-Told Story of Socket Timeouts
Avatar for Misaki Shioi(塩井美咲/しおい) coe401_
3
390

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
110
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
380
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Done Done
Avatar for chrislema chrislema
186
16k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.8k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
170
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k

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