本文转载自掘金《从0到1发布一个Popup组件到npm》，作者「海秋」。点击下方阅读原文去点个赞吧！上篇文章\1\中介绍了如何从0到1搭建一个React组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。这次以移动端常见的一个组件Popup为例，以最方便快捷的形式发布一个流程完整的npm包。

React是用于构建用户界面的JavaScript库，React组件使用一个名为render()的方法，接收数据作为输入，输出页面中对应展示的内容。React除了可以使用外部传入的数据以外(通过this.props访问传入数据),组件还可以拥有其内部的状态数据(通过this.state访问状态数据)。当组件的状态

简述:一个完整的Angular应用主要由六个重要部分构成,分别是:组件,模板,指令,服务,依赖注入,和路由.这些组成部分各司其职,而又紧密协作.其中,与用户直接打交互的是模板视图,它是构成组件的要素之一.另一要素是组件类,用以维护组件的数据模型及功能逻辑.路由的功能是控制组件的创建和销毁,从而驱使应用界面跳转切换/指令与模板相互关联,最重要

也许大家可能会有疑问，子组件更新UI，直接由装饰器触发不就行了，希望大家能够明白，以上呢只是简单的案例，在实际的开发中，子组件方法中可能很多的逻辑，比如网络请求，比如数据存储等等，并不是简单的UI更新。