小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
用 Hotwire Turbo 实现常驻侧边栏

使用 Hotwire Turbo 改进 Geeknote 首页侧边栏,通过异步加载和持久化减少重复查询,切换页面时侧边栏内容保持不变,提升用户体验。

用 Hotwire Turbo 实现常驻侧边栏

Rei Rei · 2025-04-22T11:41:55Z
使用Rails和Hotwire实现实时页面更新 - Turbo广播

Hotwire是Rails 7的默认前端框架,Turbo通过Websockets实现实时页面更新。只需在HTML中添加特定代码和Active Record回调,即可实时更新事件表。增加加载效果和过渡动画可提升用户体验。

使用Rails和Hotwire实现实时页面更新 - Turbo广播

DEV Community DEV Community · 2025-03-24T02:26:35Z
在生产环境中使用Rails 8、Hotwire和ActionCable构建实时应用

Rails 8通过Hotwire和ActionCable显著提升了实时更新功能。在开发环境中,浏览器与Rails应用直接通信,利用WebSockets实现即时更新;而在生产环境中,流量需经过负载均衡器和Kubernetes,ActionCable可使用MySQL/PostgreSQL替代Redis,设置简单,支持自动广播和消息滚动。

在生产环境中使用Rails 8、Hotwire和ActionCable构建实时应用

DEV Community DEV Community · 2025-02-25T19:30:18Z
如何从Stimulus控制器发送请求

本文介绍了如何在Hotwire堆栈中使用Stimulus控制器捕获视频播放器事件。通过JavaScript的Fetch API或@rails/request.js库,可以轻松发送事件请求到后端。示例代码展示了事件跟踪的简化方法,并重构为可重用的辅助方法,以便在多个控制器中使用。

如何从Stimulus控制器发送请求

DEV Community DEV Community · 2025-02-13T18:00:00Z
Hotwire Native - 切换环境

本文介绍了如何在Hotwire Native应用中动态切换开发和生产环境,而无需重建应用。通过JS桥接组件,用户可以选择不同的环境URL,应用会保存所选的基础URL进行请求。Android和iOS的实现方法不同,分别使用SharedPreferences和UserDefaults存储URL,从而提升开发效率。

Hotwire Native - 切换环境

DEV Community DEV Community · 2025-01-20T16:25:40Z
不要通过Rails的dom_id暴露主ID

本文介绍了Rails中Hotwire的dom_id助手,它为元素提供唯一ID,便于Turbo Streams操作。作者提出了dom_id暴露主ID的问题,因此创建了stealth_dom_id gem,以公共ID生成更安全的ID。

不要通过Rails的dom_id暴露主ID

DEV Community DEV Community · 2024-11-20T21:00:00Z
在Rails 7及以上版本中使用vite_rails集成Vue单文件组件(.vue)

Rails Hotwire虽然优秀,但在某些情况下需要更灵活的解决方案,Vue.js是一个理想选择。通过vite_rails,可以轻松将.vue文件集成到Rails中,方便管理组件。配置完成后,可以在Rails中使用Vue组件,并通过API传递数据。

在Rails 7及以上版本中使用vite_rails集成Vue单文件组件(.vue)

DEV Community DEV Community · 2024-11-11T01:27:58Z
你需要了解的Hotwire和Stimulus工具

本文介绍了Hotwire/Stimulus的一些实用工具,如Turbo Power、Current.js和Debounced等库,旨在提升开发者的工作效率。同时提及Rails和Hotwire开发工具,便于前端操作。

你需要了解的Hotwire和Stimulus工具

DEV Community DEV Community · 2024-10-31T15:00:00Z
Rails 开发者应该拥抱 Web Component

Rails 开发者应考虑使用 Web Component 和 Lit 库来增强前端功能。Hotwire 适合服务端渲染,但在处理客户端状态时存在局限。Web Component 允许创建自定义元素,简化与 Rails 的集成,而 Lit 提供了更便捷的开发体验,适合构建高交互应用。

Rails 开发者应该拥抱 Web Component

Rei Rei · 2024-10-17T14:43:57Z
使用 Rails 8 和 Turbo 8 构建 Twitter 克隆的教程

Rails 8 集成了 Hotwire、StimulusJS 和 Turbo,以及 SolidQueue、SolidCache 和 SolidCable 等新功能。本文提供了一个使用这些技术创建 Twitter 克隆的教程,涵盖了设置、模型创建、控制器和路由以及视图模板。文章重点介绍了 Turbo 的刷新和广播功能,以实现实时更新,强调了简化开发的优势。

使用 Rails 8 和 Turbo 8 构建 Twitter 克隆的教程

DEV Community DEV Community · 2024-09-19T18:20:40Z
第602期(2023年11月7日)

本文讨论了Python中的打包挑战以及如何将现有的包从setup.py机制中移出。此外,还介绍了学习Python的各种资源和教程,包括开发Hangman游戏、时间戳检索和使用bpython。文章还涵盖了基于属性的测试、使用Poetry处理依赖关系以及Python 3.13中即将推出的弃用装饰器等主题。最后,文章提到了Hotwire,这是一种构建Web应用程序的替代方法,无需使用太多JavaScript,并介绍了使用SIMD指令加速的好处。

第602期(2023年11月7日)

PyCoder’s Weekly PyCoder’s Weekly · 2023-11-07T19:30:00Z
引入Strada:完善Hotwire套件

Strada是Hotwire套件的最新成员,旨在弥合本地控件和Web应用程序之间的差距。它允许更平滑的过渡,使本地和Web之间的界限变得模糊。Strada使Web开发人员能够在无需移动开发人员的情况下引入本地控件的新功能。开源发布使得开发人员能够自行构建和交付跨所有平台的完整功能。

引入Strada:完善Hotwire套件

David Heinemeier Hansson David Heinemeier Hansson · 2023-09-20T18:27:03Z

GeekNote 使用了 Hotwire 的 Turbo,有些地方需要用到 Tab 导航。我希望在切换 Tab 的时候保持页面滚动的位置,避免页面跳动。 经过搜索,发现 Hotwire 有个 I...

在 Hotwire Turbo 链接跳转时保持窗口滚动位置

Rei Rei · 2022-03-01T12:02:32Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码