ruby on rails + react_on_rails + api + axios + tailwind

ruby on rails + react_on_rails + api + axios + tailwind
wang xiao bo 's photo
wang xiao bo

Published on Jul 3, 2021

1 min read

Subscribe to my newsletter and never miss my upcoming articles

介绍:

  1. 一个 用 ruby on rails + react_on_rails +api 输出调用+ axios + tailwind 的启动项目 基础模板

  2. Client-Side Rendering vs. Server-Side Rendering

  3. rails Model 和 controller 层 作为后端服务, 通过 react_on_rails 与webpacker 集成 后 前端用 React, 请参考 shakacode.com/react-on-rails/docs

  1. 前端通过react-router-dom 作为页面路径跳转, 结合rails 的 route 进行与后端交互请求,用到的 axios 的请求依赖。

5.UI 应用 tailwindui.com/#product-marketing , 里面有headlessui.dev/react相关UI 组件。

启动: git clone :jisuanjixue/react_on_rails-with-api-.git

bundle

yarn

用 HMR 运行命令: foreman start -f Procfile.dev-hmr

没有 HMR, statically creating the bundles 运行命令:

foreman start -f Procfile.dev

项目地址:

 
Share this