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

saitamajs

dtsuji
October 14, 2021
Programming
0
1.4k

 saitamajs

dtsuji

October 14, 2021
Tweet

Other Decks in Programming

See All in Programming
Elm Form Validation
bkuhlmann
0
510
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
640
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
250
Site Reliability Engineering for GMO
pyama86
7
1k
Elm 0.19.0 Changes
bkuhlmann
0
490
HUIT新歓2024「競技プログラミング、やってみませんか？」
slephy2784
1
270
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
雑に思考を整理する技術と効能
konifar
58
28k
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
940
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k

Featured

See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
How to name files
jennybc
65
93k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Producing Creativity
orderedlist
PRO
337
39k
Designing for Performance
lara
601
67k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Typedesign – Prime Four
hannesfritz
36
2.1k
Git: the NoSQL Database
bkeepers
PRO
422
63k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Embracing the Ebb and Flow
colly
80
4.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k

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