翻译 The Turbo Rails Tutorial 翻译完毕

qinsicheng · 2023年07月04日 · 最后由 walkerdong 回复于 2023年07月12日 · 1244 次阅读

GitHub中已更新所有代码,并将每一章节翻译完毕。

项目介绍

在线体验:Quotes

教程原地址:The Turbo Rails Tutorial

仓库地址:GitHub

翻译目录:GitHub

学习如何在不编写任何自定义 JavaScript 代码的情况下使用Ruby on Rails 7,创建现代的单页面响应式 Web 应用程序。

由于本人水平有限,可能会出现语句不通,错别字等问题,如果大家发现,欢迎在仓库中提出,共同维护。其中第三章是关于 css 编写思路与技巧等,我对 css 方面学的并不好,所以这部分如果有哪位大佬愿意更新一下,就十分感谢啦。

为什么学习本篇教程

  • 国内 Rails 新版本的教程太少了,由于一些库的调整,老教程的部分操作已经不再支持,会让初学者摸不着头脑
  • 对初学者或者英语不太好的同学友善
  • 学习编写基础测试代码
  • 学习编写增删改查代码
  • 学习使用 Turbo 和 Stimulus,分析问题,并阐述原理
  • 学习编写 CSS 技巧
  • 学习通过 Turbo Streams 来实时更新页面

为什么学习 Turbo?

伴随着 2021 年 12 月 7 日发布的 Rails7,Hotwire 整合了 Stimulus 和 Turbo。成为了默认的前端框架。下面我们看看 Turbo 与 Rails 整合带来的新的特点:

  • 第一:所有的链接和表单提交均转为 Ajax 请求,通过Turbo Drive可以加速我们的系统,我们只需要简单的引入,而不需要做其他操作,即可获得好处。
  • 第二:通过Turbo Frames几行代码,我们就可以很容易的将页面切割为小的组件,可以替换或延迟加载页面的独立部分。
  • 第三:通过Turbo Stream就可以增加实时更新的特点。你可以做类似的多用户游戏或者实时监控系统。

老哥可以

jojobo 回复

00 年的😂

机翻的吗 很多地方不通顺啊

qinsicheng 回复

可以啊,老弟😁

rc_plan 回复

确实是自己翻译的,有的句子比如语法后置的可能写的时候没注意到,后面会再查一遍😅

有的句子可能翻译的不是很清晰,但看代码还是一目了然的,里面的代码都以测试通过

老哥辛苦了,ps 这个帖子的介绍 Stimulate 是不是写错了 stimulus

jicheng1014 回复

已修改,感谢

辛苦了!新手刚入门,非常感谢!

需要 登录 后方可回复, 如果你还没有账号请 注册新账号