前端每周清单第 61 期：Angular 6 发布，苹果为统一 macOS 和 iOS 开发声明式 API

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

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

Angular 6 正式发布，新功能详解：5 月 4 日，Angular 6.0.0 正式发布，新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK，这主要是为了解决兼容问题，这些项目的补丁版本将根据项目需求发布。

苹果为统一macOS 和iOS 开发声明式API ：去年底，我们曾报道苹果正在进行一个名为Marzipan 的项目：统一macOS 和iOS ，当时我们认为苹果的意思是希望同一款应用能在不同的苹果设备上运行，但目前看来，并非如此，据外媒报道，苹果正在开发一种声明式API，它允许开发者从用户界面的角度为多个平台构建应用程序，但它不支持iOS 与macOS 的应用程序相互移植，即macOS 与iOS 的代码仍需区分。具体的情况还得等下个月苹果WWDC 大会之后才清楚。

现在你可以给App 注册一个更好的域名了：近日，Google 宣布开放.app 域名的注册，并声称.app 是全球首个用 HTTPS 加密的顶级域名，它能极大地增加应用程序的安全性，而且便于向全世界展示你的应用，.app 的吸引力在于，它可以直接与应用程序名字相连接，即网址格式为：App 名称.app，让人很容易记住应用网址。

开发教程

步步为营，掌握基础技能

在React 中构建Optimistic UI ：Optimistic UI 是Metor 提出来的一种前端界面快速响应用户交互的概念，它是指应用在客户端就能快速响应用户的交互，而不需要等待信息从服务器完成整个来回后再做响应，在本篇文章中，作者通过构建Twitter Like 按钮在React App 中实现Optimistic UI。

如何在React 中编写更好的代码：React 可以轻松地创建交互式用户界面，为应用程序中的每个状态设计简单的视图，React 将在数据更改时有效地更新和渲染正确的组件。本文将介绍一系列工具和代码风格，帮助你成为一个更好的React 开发者。

在Vue.js 应用程序中使用Axios 与Vuex ：在本教程中，我们将构建一个简单的Vue.js 应用程序，该应用程序将演示使用Vuex 中央数据存储的功能，将使用Axios 为API 请求异步查询数据。演示过程包括使用Vue CLI 搭建Vue.js 项目并安装所需的依赖项、建立项目结构和SCSS、设置vue-router 和设置REST API 等。

14 行 JavaScript 教你使用 WebAssembly ：作为一种比较新的 web 技术，WebAssembly 可能会对 web 开发带来巨大的影响。随着 2 月 MVP（Minimum Viable Product）版本的发布，WebAssembly 的基本特性开始稳定，本文通过一个简单的示例来演示如何在页面上调用一个 C++ 函数。

工程实践

立足实践，提示实际水平

使用Python，Node.js 和Java 创建Web Things ：最近Mozilla IoT 团队发布了Things 框架Things Gateway，它支持Web Thing API 构建构建IoT 设备，在本文中，作者向大家展示如何用Python、Node.js 或Java 构建Web Things，这些语言不适合小型的嵌入式设备，比较适合可以轻松运行这些语言的高端设备。

如何用Flutter + Redux 构建应用程序？：Redux 是一种应用数据流框架，最初是为JavaScript 而生的，现在用于使用响应式框架（例如React Native 或Flutter）构建的应用程序中，本文将向你展示如何使用Redux 创建Flutter 应用程序。

Rust 在 Figma 中的实践：Rust 是 Mozilla 公司的一款注重安全、性能和并发性的编程语言，而在 Figma 中，性能时其中一个重要特质，但随着 Figma 的快速发展，服务器发展的速度已无法跟上 Figma，所以，Figma 团队想通过 Rust 来解决这个问题。

深度阅读

深度思考，升华开发智慧

MVC、SPA 与 SSR 这些名词，你真的弄懂了吗？：本文以主角小明的角度出发，带出一系列虚拟故事，将 MVC、SPA 与 SSR 的概念理清楚，并讲述了前端的未来发展之路。

BigInt：JavaScript 中的任意精度整数：BigInts 是 Java 中的一个新的数字基本 (primitive) 类型，可以用任意精度表示整数。使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。本文将介绍一些用例，并通过比较 Java 中的 BigInts 和 Number 来解释 Chrome 6 、7 中的新功能。

你需要了解的JavaScript 并行编程：虽然JavaScript 是最流行的编程语言之一，但由于JavaScript 是单线程语言，这意味着当浏览器在运行脚本时，其他操作（如DOM 操作、动画、绘图以及主线程上的其他操作）都将停止，这也让有些开发者对JavaScript 望而却步，本文将利用运行在不同线程上的JavaScript 程序的Web Workers 解决这个问题，实现并行编程。

开源项目

乐于分享，共推前端发展

proton-native ：proton-native 用于在 React 环境中构建跨平台原生桌面应用，它的语法和 React Native 相同，可与现有的 React 库（如 Redux）一同使用。

ReLaXed ：ReLaXed 使用 HTML 或 Pug 创建 PDF 文档。它允许使用 CSS 和 JavaScript 定义复杂的布局，同时以友好、接近 Markdown 或 LaTeX 的形式书写内容。

puppeteer ：Puppeteer 是一个 Node 库，它提供了一个高级 API，通过 DevTools 协议控制 Headless Chrome 或 Chromium ，它也可以完全用 (non-headless) Chrome or Chromium 进行配置。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。