Brendan Kenny <******@****.***> Brendan Kenny <******@****.***>
Connor Clark <******@****.***> cjamcl <******@****.***>
Connor Clark <******@****.***> Connor Clark <******@****.***>
Patrick Hulce <******@****.***> Patrick Hulce <******@****.***>
Paul Irish <******@****.***> Paul Irish <******@****.***>

## 特性

### 核心算法重写

这次算法重写带来的主要特性是异步渲染。（**注意**：在 16.0 中尚不支持，但是在未来的 16.x 版本中将会做为可选特性）。另外，新的重写删除了一些不成熟的、妨碍了内部变化的抽象。

> 这些多来自于 [Lin Clark 的演讲](https://www.youtube.com/watch?v=ZCuYPiUIONs)，所以你可以看看这个演讲，再在 twitter 上 [关注并点赞 Clark](https://twitter.com/linclark) 来支持她这个视角独特的概述。

异步渲染的意义在于能够将渲染任务划分为多块。浏览器的渲染引擎是单线程的，这意味着几乎所有的行为都是同步发生的。React 16 使用原生的浏览器 API 来间歇性地检查当前是否还有其他任务需要完成，从而实现了对主线程和渲染过程的管理。在 Firefox 中，一个浏览器主线程的例子很简单：

`;
Header.displayName = 'Header';

export default {
  title: 'Components/Badges/ID Badge',
  components: IdBadge,
};

export const All = () => {
  const user = {
    name: 'Chrissy',
    email: 'chris.clark@sentry.io',
  };
  const team = {
    slug: 'team-slug',
  };
  const project = {
    slug: 'project-slug',
  };
  const organization = {
    slug: 'organization-slug',
  };
  const member = {

9EDAFF80E080659604F4A76B2EBB056FD847F8A7 Stephan Oeste (Emzy)
6DEEF79B050C4072509B743F8C275BC595448867 Tomas Kanocz (KanoczTomas)
AEC1884398647C47413C1C3FB1179EB7347DC10D Warren Togami (wtogami)
74E2DEF5D77260B98BC19438099BAD163C70FBFA Will Clark (will8clark)
79D00BAC68B56D422F945A8F8E3A8F3247DBCBBF Willy Ko (willyko)

Bryan Bess <******@****.***>
C.T. Lin <******@****.***>
Chiahao Lin <******@****.***>
Chris Tarquini <******@****.***>
Christoffer Hallas <******@****.***>
Clark Du <clark******@****.***>
Darren Cauthon <******@****.***>
Debjeet Biswas <******@****.***>
Dmitry Mazuro <******@****.***>
Douglas Christopher Wilson <******@****.***>

- Alex Wood
- Anatoliy Yastreb
- Andrew Artajos
- Andrew Munsell
- AndrewCz
- Ankush Menat
- Anthony Smith
- Ben Balter
- Brian Jones
- Brint O'Hearn
- Chayoung You
- Chris Wells
- chrisfinazzo
- Clark Winkelmann
- Dan Allen
- David Von Lehman
- David Zhang
- Derek Gottlieb
- Enes Gönültaş
- EricH
- Erick Sasse
- Eugênio Cabral
- Florian Thomas
- Frank Taillandier
- Henry Goodman
- Henry Wright

> * 原文地址：[A cartoon intro to WebAssembly](https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/)
> * 原文作者：本文已获作者 [Lin Clark](https://code-cartoons.com/@linclark) 授权
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 译者： [根号三](https://github.com/sqrthree)
> * 校对者：[Reid](https://github.com/reid3290)、[Tina92](https://github.com/Tina92)

# 看漫画，学 WebAssembly

WebAssembly 运行得很快，你可能已经听说过这个了。但是是什么让 WebAssembly 这么快呢？

      surnames: ['Smith', 'Anderson', 'Clark', 'Wright', 'Mitchell', 'Johnson', 'Thomas', 'Rodriguez', 'Lopez', 'Perez', 'Williams', 'Jackson', 'Lewis', 'Hill', 'Roberts', 'Jones', 'White', 'Lee', 'Scott', 'Turner', 'Brown', 'Harris', 'Walker', 'Green', 'Phillips', 'Davis', 'Martin', 'Hall',...

    "functional",
    "immutable",
    "hot",
    "live",
    "replay",
    "flux",
    "elm"
  ],
  "authors": [
    "Dan Abramov <******@****.***> (https://github.com/gaearon)",
    "Andrew Clark <******@****.***> (https://github.com/acdlite)"
  ],
  "main": "lib/redux.js",
  "unpkg": "dist/redux.js",
  "module": "es/redux.js",
  "types": "types/index.d.ts",
  "files": [
    "dist",
    "lib",
    "es",

> * 原文地址：[The Most Exciting Design Systems Are Boring](https://bigmedium.com/ideas/boring-design-systems.html)
> * 原文作者：[JOSH CLARK](https://bigmedium.com/about/josh-clark.html)
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 译者：[Nicolas(Yifei) Li](https://github.com/yifili09)
> * 校对者：[SareaYu](https://github.com/SareaYu), [yzgyyang](https://github.com/yzgyyang)

# 最激动人心的视觉系统其实是最枯燥乏味的 #