Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
200
エディターってAIで操作できるんだぜ
Avatar for kis9a kis9a
0
290
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
19k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
25k
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
120
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
1.1k
sbt 2
Avatar for kenji yoshida xuwei_k
0
110
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
Avatar for dachi023 dachi023
1
130
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
260
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
190
React Native New Architecture 移行実践報告
Avatar for taminif taminif
1
120
AIと協働し、イベントソーシングとアクターモデルで作る後悔しないアーキテクチャ Regret-Free Architecture with AI, Event Sourcing, and Actors
Avatar for Tomohisa Takaoka tomohisa
5
12k

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
680
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.8k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.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