weixin_42991716的博客

第一章 Hooks 1. ReactHook简介 1.1 React Hook/Hooks是什么? (1) Hook是React 16.8.0版本增加的新特性/新语法 (2) 可以让你在函数组件中使用 state 以及其他的 React 特性 1.2 为什么会出现React Hook/Hooks 类组件的缺点： 状态逻辑复用难 （1）之前复用组件是利用渲染属性和高阶函数，但是都会导致层级冗余 趋向复杂难以维护 （1）生命周期函数混杂不相干逻辑 （2）相干逻辑分散在不同生命周期函数 this指向困难

1. setState setState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta

第1章 redux 1.1 redux理解 1.1.1 学习文档 英文文档: https://redux.js.org/ 中文文档: http://www.redux.org.cn/ Github: https://github.com/reactjs/redux 1.2.2 redux redux是一个专门用于做状态管理的JS库(不是react插件库)，类似Vue的Vuex 它可以用在react, angular, vue等项目中, 但基本与react配合使用。 作用: 集中式管理react应用中多

第1章 React应用(基于React脚手架) 1.1 使用create-react-app创建react应用 1.1.1 React脚手架 脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 （1）包含了所有需要的配置（语法检查、jsx编译、devServer…） （2）下载所有相关依赖 （3）可以直接运行简单效果 react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 特点

第1章： React入门 1.1 React简介 React官网 React由FaceBook开源，用于动态构建用户界面的JS库（只关注于视图） 1.1.1 React特点 声明式编码（告诉“机器"想要什么，让机器去做，类似 Array.map方法） 组件化编码, 页面中的都可以拆成小组件进行展示 可编写原生应用（React Native） 高效： ① 通过使用虚拟DOM的技术，不直接操作页面真实的DOM; ② 通过diff算法找出最小更新的部分，实现精细化最小量更新以达到最小页面重绘和回流 1.2