Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
170
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
410
Rediscover the Console - SymfonyCon Amsterdam 2025
Avatar for Robin Chalas chalasr
2
160
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
生成AIを利用するだけでなく、投資できる組織へ
Avatar for pospome pospome
2
320
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
3k
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
Avatar for Tadashi Shigeoka codenote
0
170
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
110
認証・認可の基本を学ぼう前編
Avatar for kaza kouyuume
0
200
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
320
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
380
WebRTC、 綺麗に見るか滑らかに見るか
Avatar for sublimer sublimer
1
160

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
It's Worth the Effort
Avatar for 3n 3n
187
29k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.2k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k

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