AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

Basecamp 发布 JavaScript 框架 Stimulus 1.0

  • 2018-02-21
  • 本文字数:1704 字

    阅读完需:约 6 分钟

看新闻很累?看技术新闻更累?试试下载 InfoQ 手机客户端,每天上下班路上听新闻,有趣还有料!

Basecamp 全新推出 Stimulus 1.0,该产品强调 HTML 页面上 JavaScript 轻量级的实现,取代了固有的全功能 JavaScript 应用程序。

Basecamp 称其为“你所拥有的最适用于 HTML 的 JavaScript 框架”。

在 Stimulus 推出之前,Basecamp 团队尝试使用了一系列的技术和库(例如 jQuery)来搭建 Basecamp,但他们并没有获得一个比较全面的解决方案,并且他们发现自己的代码库中有太多不同的模式,很难实现一致性、复用性,对于新入职的团队成员来说很难上手。Basecamp 团队认为大多数现代的框架和 Basecamp 需要解决的问题相违背,它们大多数强调 HTML,而 JavaScript 仅仅起到辅助作用,可是 Basecamp 恰恰相反。

单页面 JavaScript 应用程序提供了更及时的用户交互反馈,在页面加载之间不会白屏,并在内存中保存了 JavaScript 库,因此受到了越来越多的欢迎。Stimulus 旨在通过搭建库 Turbolinks 来保持单页面应用程序的优势,Turbolinks 库可以通过后台持续过程的 HTTP 请求拦截链接,并加载新的 HTML 视图。Turbolinks 起源于 pjax ,pjax 是由 GitHub 开发的。和大多数框架不同的是,Stimulus 加载来自服务器的新 HTML 片段,而不是在客户端将 JSON 数据转换为新的 HTML。

与大多数通用或同构的 JavaScript 框架有所不同,Stimulus 重点仍然加载新的 HTML 视图,而大多数同构的框架仅使用服务器端呈现初始页面视图。

Stimulus 发布强调了三个主要的方面:控制器、动作和目标,并不断增强 HTML 上这些功能。开发人员可以在 HTML 配置一些自定义属性:

复制代码
<!--HTML from anywhere-->
<div data-controller="hello">
<input data-target="hello.name" type="text">
<button data-action="click->hello#greet">
Greet
</button>
<span data-target="hello.output">
</span>
</div>

然后写一个控制器作用于 HTML:

复制代码
// hello_controller.js
import { Controller } from "stimulus"
export default class extends Controller {
static targets = [ "name", "output" ]
greet() {
this.outputTarget.textContent =
`Hello, ${this.nameTarget.value}!`
}
}

Basecamp CTO 兼 Ruby on Rails 创造者 David Heinemeier Hansson 称

Stimulus 关注于如何处理现有的 HTML 文档。有时候这就是增加一个 CSS 类,可以隐藏、动画或强调一个元素。有时候这就是重新以组排列元素。有时候这就是操作元素的内容,比如转换 UTC 时间为本地时间,并显示本地时间。

有时候你希望用 Stimulus 来创建新的 DOM 元素,当然你可以这样做。在未来,我们甚至会开发新的功能让它变得更加简单。但这只是少数人的用例,重点还是在操作而不是创建元素。

从很多方面来说,Stimulus 可以说是回到了十年前,当框架不能完全控制 web 应用程序的时候,创建并渲染 DOM 并追踪状态。它旨在为需要逐步增强的内容网站服务,而不是为已成熟的 JavaScript web 应用程序服务。

HOOQ 的软件工程师 Zufrizal Yordan在 Twitter 评论

我喜欢 Stimulus 的原因是其逐渐增强,而不是通过 JS 为 UI 服务,有时候这样做比较容易。不同的人,不同的方法。很高兴在现在的大环境下能有一款产品不提供完全的 JS。

和一些小的 JavaScript 框架不同的是,Stimulus 是由 TypeScript 编写的。

Basecamp 团队选择 TypeScript 有几个原因,包括适宜的类型注解、工具、重构、防止错误产生、类、代码完善和内嵌文档。Basecamp 工程师 Sam Stephenson 向 InfoQ 解释了使用 TypeScript 的好处:

首先,无论我写不写,这些类型都在我的代码中。TypeScript 的可选注解让编辑和重构过程变得更加适宜。我不喜欢使用类似 Cocoa 风格的委托接口紧耦合地组合类。TypeScript 的接口系统在这里很实用,因为编译器和编辑器会在实现的时候给我列出很多待写的方法。

Stimulus 基于 MIT 开源协议,可以在GitHub 上下载使用。

查看英文原文: Basecamp Releases Stimulus 1.0 JavaScript Framework


感谢罗远航对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ @丁晓昀),微信(微信号: InfoQChina )关注我们。

2018-02-21 18:001743
用户头像

发布了 218 篇内容, 共 74.7 次阅读, 收获喜欢 76 次。

关注

评论

发布
暂无评论
发现更多内容

阿里资深工程师写出这份Java异步编程指南,竟获GitHub百万点赞

Java~~~

Java 架构 面试 计算机 TCP协议

使用 Flink Hudi 构建流式数据湖

Apache Flink

大数据 flink

ThreadLocal在链路性能测试中实践

FunTester

多线程 ThreadLocal 性能测试 线程安全 FunTester

Code Review在TDSQL-C 的应用实践

腾讯云数据库

数据库 tdsql

TDSQL“相似查询工具MSQL+”入选VLDB论文

腾讯云数据库

数据库 tdsql

用6年前的低性能电脑运行「360安全卫士极速版」,效果怎么样?

Regan Yue

安全 测评 病毒云查杀 9月日更

GitHub上这份阿里的Java高并发核心手册,即使再过20年依然“NB”

Java~~~

Java redis 架构 面试 高并发

逮虾户!清华架构师吐血整理出这份多线程并发指南,带你弯道超车

Java~~~

Java MySQL 架构 面试 JVM

重放浏览器请求多链路性能测试实践

FunTester

浏览器 性能测试 接口测试 全链路压测 FunTester

大厂炸锅了!这份全程无尿点的Java彩版面试开挂攻略在GitHub火了

Java~~~

Java MySQL 架构 面试 JVM

AI时代来袭,你的存储做好准备了吗?

焱融科技

AI 高性能 文件存储 云计算, 分布式,

细节炸裂!阿里P8高管总结出这份1500页的Java编程思想(第六版)

Java~~~

Java 编程 架构 面试 JVM

初识FL Studio中的FLEX插件

懒得勤快

终于有人把操作系统,CPU,基础知识,网络一次讲清楚了,绝绝子

Java~~~

Java 架构 面试 操作系统 TCP/IP

Apache Flink 在京东的实践与优化

Apache Flink

大数据 flink

TDSQL 全时态数据库系统-理念与愿景

腾讯云数据库

数据库 tdsql

紧锣密鼓完成小闭环,微型博客项目快快进入下一阶段

梦想橡皮擦

9月日更

【VueRouter 源码学习】第七篇 - 路由变化触发视图更新

Brave

源码 vue-router 9月日更

同程内网流传的分布式凤凰缓存系统手册,竟遭GitHub强行开源下载

Java~~~

Java 架构 面试 分布式 微服务

腾讯私有云MySQL解决方案—TDSQL

腾讯云数据库

数据库 tdsql

HTAP大潮下,TDSQL的探索与实践

腾讯云数据库

数据库 tdsql

TDSQL的2020进化在未来之前,更在未来之后

腾讯云数据库

数据库 tdsql

铁山靠!阿里P9架构师写的这份JDK源码笔记,竟直接带火了GitHub

Java~~~

Java 源码 架构 jdk 面试

阿里内网疯狂传阅的“M8级”分布式架构笔记,GitHub刚上线就霸榜

Java~~~

Java 架构 面试 分布式 微服务

Flink 在顺丰的应用实践

Apache Flink

大数据 flink

如何使用OkHttp实现websocket

Changing Lin

9月日更

微信后台基于时间序的海量数据冷热分级架构设计实践

OpenIM

字节再次出圈!GitHub上爆火一星期的算法刷题手册竟出自这人之手

Java~~~

Java 架构 面试 算法 刷题

Alibaba内网“疯狂”传阅的P8开源出的SpringBoot入门到进阶小册

Java~~~

Java 架构 面试 微服务 Spring Boot

牛逼!从阿里大牛手里买到了1个G牛逼的Java面试题库,史上最强

Java~~~

Java 架构 面试 JVM 架构师

CV和NLP融合应用,百度联合国内外机构成功举办ICDAR 2021文档图像与语言研讨会

科技热闻

Basecamp发布JavaScript框架Stimulus 1.0_JavaScript_Dylan Schiemann_InfoQ精选文章