晨露

浅谈react hooksReact hooks使用hook的动机使用hook的规则使用hook时需要注意的点自定义hookuseStateuseEffect最近在项目中使用了react hooks, 总结了一些相关的知识点可以有助于我们更好地了解和使用react hooks。React hooks首先，我们来看看react hooks是什么？其实很简单， 它就是`可以在函数中勾入React的state和生命周期等特性的函数``。拆解一下就是，它是个函数，只是在这个函数中可以勾入react的相关特性

确保最近稳定的node已经安装npm install -g create-react-appcreate-react-app my-appcd my-appnpm-start如果最后项目完成 需要打包的时候：npm run build create-react-app会将webpack等全部都封装，所以如果后期自己添加需要的插件会比较 麻烦，等后期，再整理从零开始自己搭建react

install npm i react-router-dom --save组件BrowserRouter,包裹整个应用，只使用一次Route路由对应渲染的组件，可嵌套link跳转专用 <BrowserRouter> <div> <ul> <li> <Link to="/">业绩<

redux默认只处理同步，异步任务需要react-thunk中间件

用create-react-app创建项目，但是需要自己配置很多东西的时候，run eject弹出配置项，不可逆操作$ yarn add babel-plugin-import --save-dev在webpack.config.dev.js中进行修改，修改如下：{ test: /\.(js|jsx)$/, include: paths.appSrc, loader:

react全家桶索引babel babel编译器原理（解析、转化、代码生成） babel插件开发react react源码结构 react启动流程 react动画 react组件生命周期 react-dom基本实现 react diff算法核心 主流虚拟dom diff算法对比 react渲染性能优化 react服务端渲染 react 16 新特...

react的核心内容为： 1. 虚拟dom对象（virtual Dom） 2. 虚拟dom差异化算法（diff algorithm） 3. 单项数据流渲染 （Data flow） 4. 组件声明周期 5. 事件处理