Web Components

• HTML Templates 定义了之前模板的概念
• Custom Elements 定义了组件的展现形式
• Shadow DOM 定义了组件的作用域范围、可以囊括样式
• HTML Imports 提出了新的引入方式

React 组件的构建

Web Components 通过自定义元素的方式实现组件化，而 React 的本质就是关心元素的构成，
React 组件即为组件元素。组件元素被描述成纯粹的 JSON 对象，意味着可以使用方法或是类来
构建。 React 组件基本上由 3 个部分组成——属性（props）、状态（state）以及生命周期方法。这
里我们从一张图来简单概括 React