Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

saitamajs

Avatar for dtsuji dtsuji
October 14, 2021
Programming
1.7k
0

 saitamajs

Avatar for dtsuji

dtsuji

October 14, 2021

Other Decks in Programming

See All in Programming
What We Talk About When We Talk About XP
Avatar for seki at druby.org m_seki
2
450
フロントエンドUIフレームワークのこれまでとこれから
Avatar for TOMIKAWA Sotaro ssssota
4
1.8k
スマート反転とウェブアクセシビリティ
Avatar for KAMIHARA Takumi camiha
0
170
世界の中心で、AI（App Intents）をさけぶ ー App Intents中心設計の実践ガイド
Avatar for touyou touyou
0
230
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
150
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
Avatar for Yu Sugawara yusuga
1
240
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
120
不幸な GC
Avatar for Chen chencmd
0
890
初心者DevRelとして参加者だった私が、DevRel Talks!#2に登壇するまでにしてきたこと
Avatar for Rai sokohirai
0
360
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
140
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
Avatar for 藤掛大介 wp_daisuke
0
140
信頼性の目標を誰も求めてない
Avatar for Shuma shubox
0
500

Featured

See All Featured
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
680
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
410
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
520
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
450
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
560
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
500
It's Worth the Effort
Avatar for 3n 3n
188
29k

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