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
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
1.6k
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
130
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
270
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
Avatar for Iury Souza iurysza
0
140
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210
ソフトウェアテスト徹底指南書の紹介
Avatar for Hiroki Iseri goyoki
1
150
さようなら Date。 ようこそTemporal！ 3年間先行利用して得られた知見の共有
Avatar for 8-beeeaaat!!! 8beeeaaat
3
1.4k
RDoc meets YARD
Avatar for Masafumi Okura okuramasafumi
4
170
テストコードはもう書かない：JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
Avatar for makun makun
0
260
AIコーディングAgentとの向き合い方
Avatar for kmuto eycjur
0
270
Navigating Dependency Injection with Metro
Avatar for Zac Sweers zacsweers
3
260
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
430

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.8k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.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