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

saitamajs

dtsuji
October 14, 2021

 saitamajs

dtsuji

October 14, 2021
Tweet

Other Decks in Programming

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