JS周刊#406 - Create React App 2.0 发布;Vue.js 3.0 开发计划;很多 VS Code 精选

一个适合初学者学习的 JavaScript prototype 指南

它针对初学者,但是这个指南内容非常广泛,并且包含许多示例,所以除非你是 Kyle Simpson 或者其他社区大神,否则值得深入学习 😃(译者注:Kyle Simpson 是 You Don't Know JS 作者)

Tyler McGinnis

Vue.js 3.0 开发计划

这篇文章来自 Vue.js 创建者尤雨溪,Vue 是与 React 和 Angular 同样流行的前端框架,在 Vue.js London 大会中,尤雨溪简要介绍了下一个主要版本 Vue 3.0 中的发布内容,这篇文章提供这个计划的深入概述。

Evan You

通过 IP 地址准确定位用户

使用我们的快速获取 IP 地理位置 API,可以可靠地定位用户、个性化内容、分析流量、丰富表单、定位广告、强制遵循通用数据保护条例(GDPR)、执行重定向、防止滥用审核、限制某些国家/地区访问等。使用免费的 API 密钥来启动你的项目。

ipdata 赞助

Create React App 2.0 发布

一个重要版本,Create React App 可以帮助用户快速创建出易用的 React 项目,对于 React 的流行产生过巨大影响。此外,我们还有 React 周刊。

Joe Haddad and Dan Abramov

Node.js 基金会和 JS 基金会计划合并

最终合并为同构基金会!这也可以解释,为什么即将推出的 JS Interactive 会议,被重新命名为 Node+JS Interactive 会议 😃

The Linux Foundation

再见 JavaScript,你好 WebAssembly

JavaScript 尚未充分发挥其潜在实力,WebAssembly(为了针对浏览器提供的 compiler 能够快速执行代码,专门创建出来的一种二进制指令格式)已经在为 Web 开辟未来,然而正如 Ed 所说,JavaScript 仍然可以发挥作用。

Ed Charbeneau

如何使用 Angular 6 和 Material Design 构建新闻类应用程序

我们曾经分享过一个很好的 Smashing Magazine 演示 - 这一次,我们将会分享使用 Angular 和 Google Material Design 规范,构建一个基本的新闻类应用程序(包括桌面端和移动端)。(译者注:Smashing Magazine 是为专业 Web 设计人员和开发人员提供的在线杂志)

Rachid Sakara

Awesome VS Code:一个 VS Code 包和资源的精选列表

是的,如同其他 awesome 列表 - 这里列出超过一百个主题和扩展的链接,其中既有语言特定工具,也有通用生产力工具。

Valerii Iatsko

📘 教程和见解

使用 D3 和 d3fc 构建复杂财务图表

你可能会在雅虎财经中看到这些图表。

Colin Eberhardt

将 React/JSX 作为服务器端模板语言

使用 React function components,来渲染你页面的骨架 index.html

Kent C. Dodds

使用 Comlink,在 Web Worker 中执行检测二维码的代码

Comlink 是一个库,可以使 WebWorkers 运行更加明确。

Paul Kinlan

你可能需要在 10 月 17 日和 18 日参加 SIGNAL 会议的 5 个理由

Twilio 赞助

Ember 3.4 带来的组件新功能

David Tang

在项目中设置 Babel 7 和 webpack

通过在一个项目中设置 webpack 和 Babel 7,来为我们展示一些 Babel 基础,以及有了 Babel 项目代码可以执行的一些很酷的功能。

Jan D'Hollander

Frisby 教授编写的函数式编程指南

如果你周末有空闲时间,想要学习一些 JavaScript 函数式编程方面的知识,这个指南会是个不错的入门指引。

Lonsdorf, Benkort, Takle, et al.

如何使用 AWS Amplify 构建 Serverless Vue 应用程序

如果你对此感兴趣,我们还有一个 serverless 周刊

Nader Dabit

一个非常基础的 Custom Elements 介绍

James Robb

🔧 代码和工具

Husky:让配置 Git 钩子变得容易

通过执行测试和自动化工具,来防止不好的提交(commit)和推送(push)。1.0 版本已经发布,通过 TypeScript 完全重写。

Typicode

在你输入内容时,提供在线测试结果的 TDD 开发体验

Wallaby 会在测试中捕获错误,然后编辑器中实时显示表达式的结果。

Wallaby.js 赞助

Sal:轻量滚动动画库

这个 vanilla JS 库只有 2.8KB,以性能为重心,无依赖。GitHub 仓库

Mirosław Ciastek

Highground.js:专注于 ES6 的单元测试

Highground 现在还处于 beta 阶段,为测试 ES6 应用程序提供了快速简便的替代方式。

Daniel Stern

ekill:一个 Chrome 扩展,用于在网页中去除烦人的元素

也可以用于辅助开发。

René Hansen

展示每个提交的测试(test)和审查(review)的自动可视化工具

替换耗时的手动 QA,可以自动地捕获可见的 UI 错误,并且启动快速部署。

Percy 赞助

Wax:试验性质,用于 Web Audio API 的 JSX 兼容的 renderer

一个有趣的思路,通过 JSX 风格方式来管理 audio 元素。

James Wright

imgToAscii:JavaScript 图片转为 ASCII converter

也可以运行于浏览器中。

Victor Ribeiro

Fanray:使用 ASP.NET Core 和 Vue.js 创建的博客系统

运行于 .NET Core 2.1 和 SQL Server 环境下。

Ray Fan


🔗 访问链接