weixin_42991716的博客

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

第1章 redux1.1 redux理解1.1.1 学习文档英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/redux1.2.2 reduxredux是一个专门用于做状态管理的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