Save 37% off PRO during our Black Friday Sale! »

saitamajs

1e092e9f2cda827deb8623be2e846936?s=47 dtsuji
October 14, 2021

 saitamajs

1e092e9f2cda827deb8623be2e846936?s=128

dtsuji

October 14, 2021
Tweet

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