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

saitamajs

dtsuji
October 14, 2021
Programming
0
730

 saitamajs

dtsuji

October 14, 2021
Tweet

Other Decks in Programming

See All in Programming
なるべくJavaScriptを書かないで
SymfonyのUIをリッチにする Symfony UX
ippey
1
760
Modern Web Apps with Spring Boot & Angular
toedter
12
14k
JUnit 5 wird 5
marcphilipp
1
150
設計初心者のための「伝わる」フロー図 / How to draw a communicative flow diagram for beginners
rs_tukki
1
420
DataHubを活用した集計基盤の構築過程と工夫したこと
kaminotsukai
0
120
Angular's Future without NgModules: Architectures with Standalone Components
manfredsteyer
PRO
0
300
Innovation Anti-patterns: Bonkers Beans and Magic Numbers
hollycummins
0
230
VSCodeしか使ったことない新卒2年目がPhpStormくんと友達になるためにやったこと - PHP Conference Japan 2022
kotomin_m
0
370
iOSDC2022 - iPadOSDC Japan 2022
hcrane
2
1.3k
BLEを使ったアプリを継続的に開発するために
lvla
0
110
Oracle Change Management with SQLcl and Liquibase
thatjeffsmith
0
1.3k
Idiomatic Kotlin - IntelliJ IDEA Conf 2022
antonarhipov
0
110

Featured

See All Featured
Designing Experiences People Love
moore
130
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
316
22k
Unsuck your backbone
ammeep
659
55k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
223
49k
Creatively Recalculating Your Daily Design Routine
revolveconf
207
10k
For a Future-Friendly Web
brad_frost
166
7.6k
Raft: Consensus for Rubyists
vanstee
128
5.5k
Documentation Writing (for coders)
carmenintech
49
2.7k
Thoughts on Productivity
jonyablonski
46
2.5k
The Brand Is Dead. Long Live the Brand.
mthomps
47
2.8k
WebSockets: Embracing the real-time Web
robhawkes
58
5.8k

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