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

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
UMAPをざっくりと理解 / Overview of UMAP
Avatar for kaityo256 kaityo256
PRO
3
1.6k
AIコーディングの理想と現実
Avatar for Tomohisa Takaoka tomohisa
38
40k
データと事例で振り返るDevin導入の"リアル" / The Realities of Devin Reflected in Data and Case Studies
Avatar for r-kagaya rkaga
3
2.6k
監視 やばい
Avatar for syossan27 syossan27
12
10k
はじめてのPDFKit.pdf
Avatar for shoma.kato shomakato
0
110
KANNA Android の技術的課題と取り組み
Avatar for Yosuke Watanabe watabee
1
580
flutter_kaigi_mini_4.pdf
Avatar for Hiroki Nobuta nobu74658
0
160
生成AI時代のフルスタック開発
Avatar for Kenn Ejima kenn
8
980
Global Azure 2025 @ Kansai / Hyperlight
Avatar for kosmosebi kosmosebi
0
160
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
Avatar for Masayuki Izumi izumin5210
6
1.6k
Serving TUIs over SSH with Go
Avatar for Carlos Alexandro Becker caarlos0
0
760
バイラテラルアップサンプリング
Avatar for Fadis fadis
3
620

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.2k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
38
1.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
7.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