React Hooks是从React 16.8版本推出的新特性，目的是解决React的状态共享以及组件生命周期管理混乱的问题。React Hooks的出现标志着，React不会再存在无状态组件的情况，React将只有类组件和函数组件的概念

react的数据流是单向的, react 通信有以下几种方式：父向子通信： 传入props，子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值，父向孙通信：利用context传值。React.createContext()

通过 cmd 执行如下示例命令来初始化我们的 Vue 项目，命令执行完成后，项目结构如下图所示：

通过方法判断是否支持沉浸式，如果支持，拿到高度后，在页面中通过设置样式，为状态栏留出相应的位置,顺便说一下，沉浸式是应用级的，不能动态设置

这时模块a，模板b中的代码都暴露在全局环境中，如果模块a中定义了一个方法del。同学b并不知道，在模块b中也定义了一个方法del。这时便造成了命名冲突的的问题。如图

创建 ASlotDemo 组件,ASlotDemo 有具名插槽 header,范围插槽 footer，在模板中定义插槽需要用到 <slot/>, jsx 中使用renderSlot函数渲染插槽

我使用 react 开发已经 1 年的时间了，不能说很精通，不过在使用的过程中，确实领悟和总结了一些小技巧，可以加快我们后续的开发

在进入正式阅读之前，最好先思考一下下面的问题：React Hooks真的有生命周期吗？React Hooks的函数里面定义的函数或者变量会被缓存吗，这样下次再调用组件的时候就可以不用重新声明了。

Vue为MVVM框架，当数据模型data变化时，页面视图会得到响应更新，其原理对data的getter/setter方法进行拦截（Object.defineProperty或者Proxy），利用发布订阅的设计模式，在getter方法中进行订阅，在setter方法中发布通知，让所有订阅者完成响应

React 社区最火的全局状态管理库必定是 Redux，但是 Redux 本身就是为了大型管理数据而妥协设计的——这就会让一些小一点的应用一旦用上 Redux 就变得复杂无比。后来又有了 Mobx，它对于小型应用的状态管理确实比 Redux 简单不少。

Stream是Dart用来处理异步的API，和同样用来处理异步的Future不同的是，Stream可以异步的返回多个结果，而Future只能返回一个。如何创建Stream?使用Stream的构造方法

在很长的一段时间中，Vue 官方都以简单上手作为其推广的重点。这确实给 Vue 带来了非常大的用户量，尤其是最追求需求开发效率， 往往不那么在意工程代码质量的国内中小企业中，Vue 占据的份额极速增长。