saitamajs

Transcript

1. 2021
   -
   1
   0
   -
   1 4 1 9
   :
   3 0
   ~ Saitama.js
   react-rails
   Daisuke Tsuji@dim
   06 27
   

   View Slide

2. 
   
   
   
   
   
   https://twitter.com/dim
   0 62
   7
   

   View Slide

3. react-rails
   https://github.com/reactjs/react-rails
   
   
   Rails View React
   

   View Slide

4. API n+
   1
   `render collection` View View
   `react_component` React Component API
   n+
   1
   API
   
   
   React
   
   
   View
   

   View Slide

5. Component Props
   
   
   `camelize_props`
   
   
   View ActiveRecord
   
   
   `as_json(include: xxx)`
   

   View Slide

6. Component
   Rails View `react_component` React Component React
   Component render React Component
   
   
   
   
   -> Props
   

   View Slide

7. CSS
   Rails CSS React React CSS
   
   
   API Rails CSS React
   
   
   Rails CSS
   

   View Slide

8. SPA Rails API
   
   
   API View API
   + Next.js CRA
   
   
   Rails erb React
   

   View Slide

9. Rails react-rails
   
   
   Rails API
   
   
   

   View Slide

10. JS
    

    View Slide