rails7的importmap和turbo和stimulus
importmap\turbo\stimulus 是rails 7 项目默认的前端组件或库。下面简单说说我对它们的认识,和使用时的一些注意事项。
importmap 在国内使用,因为直接用importmap调用相关js文件的cdn常常都是被ban了,访问不了。那必须将资源文件都load到本地服务器。这样一来,加载第三方库有点点不爽。 但是可以不再使用复杂的webpacker了。
turbo 让我们写单页应用变得非常的容易了。将一个页面会动态变化的部分做成了一个turbo-frame. 后台只需要返回这部分的内容,Turbo会帮你完成替换或追加或修改等。结合rails的channel推送,让页面实时获取来自服务器的消息变得简单了。
stimulus是对turbo 的turbo-frame的一个补充,前端的一些逻辑可以通过stimulus来处理,好比增加购物车里面某个物品的数量,这种情况下只是需要改变那这个input的数字, 也没有必要通过turbo来进行局部页面的替换。当然turbo的一些功能也是可以通过stimulus来处理的。turbo和stimulus满足了页面从局部到细节的变化的异步更新的需求。
importmap 在国内使用,因为直接用importmap调用相关js文件的cdn常常都是被ban了,访问不了。那必须将资源文件都load到本地服务器。这样一来,加载第三方库有点点不爽。 但是可以不再使用复杂的webpacker了。
turbo 让我们写单页应用变得非常的容易了。将一个页面会动态变化的部分做成了一个turbo-frame. 后台只需要返回这部分的内容,Turbo会帮你完成替换或追加或修改等。结合rails的channel推送,让页面实时获取来自服务器的消息变得简单了。
stimulus是对turbo 的turbo-frame的一个补充,前端的一些逻辑可以通过stimulus来处理,好比增加购物车里面某个物品的数量,这种情况下只是需要改变那这个input的数字, 也没有必要通过turbo来进行局部页面的替换。当然turbo的一些功能也是可以通过stimulus来处理的。turbo和stimulus满足了页面从局部到细节的变化的异步更新的需求。
阅读量: 425
发布于:
修改于:
发布于:
修改于: