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

saitamajs

dtsuji
October 14, 2021
Programming
0
1.5k

 saitamajs

dtsuji

October 14, 2021
Tweet

Other Decks in Programming

See All in Programming
令和7年版 あなたが使ってよいフロントエンド機能とは
mugi_uno
12
6k
ファインディの テックブログ爆誕までの軌跡
starfish719
1
790
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
2.2k
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ！
ymd65536
1
140
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
150
JavaScriptツール群「UnJS」を5分で一気に駆け巡る！
k1tikurisu
8
1.3k
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
200
自動で //nolint を挿入する取り組み / Gopher's Gathering
utgwkk
1
170
DMMオンラインサロンアプリのSwift化
hayatan
0
270
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
390
Terraform で作る Amazon ECS の CI/CD パイプライン
hiyanger
0
110
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region！
maroon1st
0
130

Featured

See All Featured
Facilitating Awesome Meetings
lara
51
6.2k
Faster Mobile Websites
deanohume
305
30k
GitHub's CSS Performance
jonrohan
1030
460k
A Tale of Four Properties
chriscoyier
157
23k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
A designer walks into a library…
pauljervisheath
205
24k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Gamification - CAS2011
davidbonilla
80
5.1k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k

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