尚硅谷React
文章目录 第1章 React简介1.1 React的特点1.2 引入文件1.3 JSX1.3.1 为什么要用JSX1.3.2 JSX语法规则 1.4 虚拟DOM1.5 模块与组件1.5.1 模块1.5.2 组件 第2章 React面向组件编程2.1 创建组件2.1.1 函数式组件2.1.2 类式组件 2.2 组件实例的三大属性2.2.1 state属性2.2.2 props属性2.2.3 refs属性2.2.4 事件处理 2.3 受控组件和非受控组件2.3.1 非受控组件2.3.2 受控组件2.4.1 高阶函数 2.5 生命周期2.5.1 引入2.5.2 react生命周期（旧）2.5.3 react生命周期（新） 2.6 虚拟DOM与DOM Diffing算法2.6.1 key的作用 第3章 react应用（基于react脚手架）3.1 前期准备3.1.1 安装node.js及npm3.1.2 react脚手架项目结构3.1.3 样式模块化3.1.4 功能界面的组件化编码流程（通用） 3.2 案例：组件的组合使用——TodoList3.2.1 注意事项3.2.2 todoList案例相关知识点 第4章 React ajax4.1 理解4.2 实现4.3 配置代理react脚手架配置代理总结学习原生AJAX时，解决跨域问题是在server.js代码中加入以下代码（即在后端解决） 4.4 案例—github用户搜索4.4.1 axios发送请求4.4.2 消息订阅-发布机制（pubsub-js）4.4.3 扩展：使用Fetch发送网络请求（用得不多）4.4 案例总结 第5章 react路由（v5）5.1. 相关理解5.1.1. SPA的理解5.1.2. 路由的理解5.1.3. react-router-dom的理解 5.2 路由的基本使用5.3 路由组件与一般组件5.4 NavLink及其封装5.5 Switch5.6 解决样式丢失问题5.7 路由的模糊匹配与严格匹配5.8 Redirect重定向5.8 嵌套路由（多级路由）5.9 向路由组件传递参数5.9.1 params参数（最多）5.9.2 search参数5.9.3 state参数（不同于普通组件的state属性） 5.10 push和replace（难）5.11 编程式路由导航5.12 withRouter的使用5.12 BrowserRouter与HashRouter的区别 第6章 React UI组件库6.1 简介6.2 使用6.3 按需引入和自定义主题 第7章 redux7.1 redux理解7.1.1 学习文档7.1.2 redux简介7.1.3 什么情况下需要使用redux7.1.4 redux工作流程 7.2 redux的三个核心概念7.2.1. action7.2.2. reducer7.2.3. store 7.3. redux的核心API7.3.1. createstore()7.3.2. store对象7.3.3. applyMiddleware()7.3.4. combineReducers() 7.4 求和案例7.4.1 求和案例_redux精简版7.4.2 求和案例_redux完整版7.4.3 求和案例_redux异步action版（非必须）7.4.4 求和案例_react-redux基本使用7.4.5 求和案例_react-redux优化7.4.6 求和案例_react-redux数据共享版7.4.7 求和案例_react-redux开发者工具的使用7.4.8 求和案例_react-redux最终版 7.5 纯函数和高阶函数7.5.1. 纯函数7.8.2. 高阶函数 7.9 项目打包 第8章 扩展8.1 setState8.2 lazyLoad路由组件的lazyLoad 8.3 Hooks8.3.1 React Hook/Hooks是什么?8.3.2 三个常用的Hook8.3.3 State Hook8.3.4 Effect Hook8.3.5 Ref Hook 8.4 Fragment8.5 Context8.5.1 理解8.5.2 使用 8.6 组件优化8.7 render props8.7.1 如何向组件内部动态传入带内容的结构(标签)?8.7.2 children props8.7.3 render props 8.8 错误边界8.8.1 理解8.8.2 特点8.8.3 使用方式 8.9 组件通信方式总结8.9.1 组件间的关系：8.9.2 几种通信方式：8.9.2 比较好的搭配方式： 第9章 React Router 6 快速上手9.1 概述9.2 Component9.3 Hooks
第1章 React简介
用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图；
由Facebook开发且开源。
中文官网 英文官网
React可以克服原生JS的以下缺点：
原生JS操作DOM繁琐且效率低，因为用DOM-API操作UI；JS直接操作DOM会使浏览器进行大量的重绘重排；原生JS没有组件化编码方案，代码复用率低
react开发者工具：Chrome插件 React Developer Tool（注意安装来源为facebook的）
1.1 React的特点 采用组件化模式，
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至lizi9903@foxmail.com举报，一经查实，本站将立刻删除。
