JS周刊#413 - JavaScript 年度趋势 2018

JavaScript 年度趋势 2018

这个极受欢迎的年度调查的现在已经发布结果。React 是明确占据主导地位的前端框架。Jest 和 Mocha 在测试领域处于并列领先地位,而 Python 是 JS 开发人员最常用的其他语言。

Sacha Greif

超脚本标记语言(hyperscript tagged markup):JSX 替代语法,使用了模板字符串标准(template literals)中的标签模板(tagged templates)

这是一个机智的想法。它具有 JSX 风格语法,但在却通过普通 JavaScript(标准中的标签模板)实现,而无须特别转译,但是仍然支持在模板中使用扩展运算符和组件引用等类似的语法。(译者注:超脚本(HyperScript) 是指通过 JavaScript 创建超文本(HyperText))。

Jason Miller

10 分钟创建由 serverless 驱动的 API

使用 Cloudflare Workers 为 150+ 数据中心创建和部署 serverless API。

Cloudflare Workers 赞助

使用 JavaScript 来实现「人类大脑-计算机接口(brain-computer interfaces)」的一些试验

能使用 JavaScript 来分析大脑吗?是的。这篇文章中,可以看到在这个领域中可以通过使用 JS 来实现,这还真是引人入胜。作者最近实现了类似 ECG(心脏监护仪)。

Charlie Gerard

WebSockets:概念深入

全面了解 WebSockets 世界,这是一种浏览器技术,可以在服务器端和客户端之间提供快速、全双工的持久连接。

Ably

CMS.js:客户端 JavaScript 网站生成工具

面向 Markdown 的网站生成工具,有着 Jekyll 精髓,但是根本无须服务器端脚本(它只是从网站获取 Markdown 并进行动态渲染)。

Chris Diana

Google 为实现“性能优先”的框架代码提供赞助

谷歌正在推出一项 20 万美元的基金,赞助那些以性能为中心的第三方 JavaScript 框架的开发。

ZDNet

📘 教程和见解

使用 Vue.js 构建交互式信息图

使用 Vue.js, SVG 和 GreenSock(用于动画)构建动态和交互式信息图表的全面指南。

Krutie Patel

使用状态机应对 UI 复杂度

Carlos Galarza

Transducers:JavaScript 中的高效数据处理管道

Eric 关于 ES6+ 函数编程技术系列的最新文章。

Eric Elliott

立即阅读:npm 终极指南

使用 npm CLI 时需要知道的一切,从基本构建模块到节省时间的技巧和窍门。

NodeSource 赞助

使用 Babel 7 转译和发布 ES2018 npm 模块

这篇文章告知你如何使用功能最新和程度最大的 JavaScript 语法特性,但是仍然能够确保 package 可以尽可能广泛的应用。

Sean van Mulligen

使用 JS 和 Shortcuts JS 创建 iOS 12 快捷方式

GitHub 仓库

Josh Farrant

构建自己的交互式 JavaScript 演示平台

多数人可能没有想过要去实现这个平台,但是如果我们想要实现的话,会看到复制像 JSBin 或 CodeSandbox 或 CodePen 这些网站的基础功能是很有趣的。(译者注:JavaScript 演示平台是可以编写 JavaScript 代码并查看其结果的地方。)

Krasimir Tsonev

写给 JavaScript 程序员的一些 Dart 帮助

如果你想使用 Google Flutter 移动开发框架,这篇可能会提供有用的建议。

Hillel Coren

使用 Azure 函数和 Marvel API 可视化角色历史记录

Marvel, serverless 和 JavaScript 世界的精彩碰撞。

Raymond Camden

顶级开发人员如何分发视频?- 下载 2018 年视频报告

Bitmovin 赞助

JSX 如何成为一个重要的优秀发明,即使脱离 React 环境

Daniel Brain (PayPal)

💬 A Q&A with…

JavaScript book author and trainer

Valeri, also known as The Code Barbarian , is a prolific author of JavaScript tutorials and books and was also the person to coin the term MEAN (as in the M ongoDB, E xpress.js, A ngular and N ode.js stack). To celebrate the release of his new book, Mastering Async/Await , we've asked him a few questions:

You're a very prolific JavaScript blogger - what's your secret?

I don't have any special secret, I've made a personal commitment to writing regularly because I find it helps me refine my ideas. I spend a lot of time coding, and I write as a way to identify general principles from the day-to-day of finding bugs and adding features. Writing gives me a great excuse to try out new libraries or frameworks.

Have you seen any ways in which async/await are overused or misused that people should avoid?

The most glaring issue is using async/await with a framework without looking to see if the framework actually supports it! There's probably a lot of developers out there wondering why their async Express route handler isn't sending a response or why their React component's async componentDidMount function isn't working with server-side rendering.

I also see a surprising amount of code that uses async / await mixed with classic callbacks or promise chains. While passing an async function to a promise's then() function as shown below is valid, it misses the point of async/await:

What resources should our readers check out to learn more about async/await?

Valeri Karpov is the author of Mastering Async/Await — out now.

🔧 代码和工具

Demoboard:与 npm 集成的实时代码/演示编辑器

James K Nelson

create-yo:通过 npm init 调用 Yeoman Generator

Christopher Hiller

黑色星期五促销:Quokka.js - 无须 breakpoints/console.log 的调试工具

Quokka 会在输入时在编辑器中显示执行结果。现在就享受 50% 折扣。

Wallaby.js 赞助

Nivo:由 D3.js 驱动的 React 数据可视化组件

在其 官方主页 中查看示例和代码。

Raphaël Benitte

D3Funnel:一个 JavaScript 库,使用 D3.js 渲染漏斗图

Jake Zatecky

Awesome Angular GraphQL:一个资源、客户端和工具的精选集合

Hasura


🔗 访问链接