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
第5回日本眼科AI学会総会_AIコンテスト_３位解法
neilsaw
0
170
Beyond ORM
77web
2
210
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
540
create_tableをしただけなのに〜囚われのuuid編〜
daisukeshinoku
0
240
RWC 2024 DICOM & ISO/IEC 2022
m_seki
0
210
Jakarta EE meets AI
ivargrimstad
0
230
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
300
快速入門可觀測性
blueswen
0
330
42 best practices for Symfony, a decade later
tucksaun
1
180
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
700
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
190
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360

Featured

See All Featured
Designing for humans not robots
tammielis
250
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
The Pragmatic Product Professional
lauravandoore
32
6.3k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Gamification - CAS2011
davidbonilla
80
5.1k
Done Done
chrislema
181
16k
Making Projects Easy
brettharned
116
5.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
28
900
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building an army of robots
kneath
302
44k
Product Roadmaps are Hard
iamctodd
PRO
49
11k

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