元数据
React进阶之路
- 书名： React进阶之路
- 作者： 徐超
- 简介： 《React进阶之路》详细介绍了React技术栈涉及的主要技术。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知识点做了介绍；实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员，并通过实战项目讲解这些技术如何和React结合使用。 《React进阶之路》示例丰富、注重实战，适用于从零开始学习React的初学者，或者已经有一些React使用经验，但希望更加全面、深入理解React技术栈的开发人员。阅读本书，需要先掌握基础的前端开发知识。
- 出版时间 2018-04-01 00:00:00
- ISBN： 9787302498018
- 分类： 科学技术-工业技术
- 出版社： 清华大学出版社
- PC地址：https://weread.qq.com/web/reader/81b326407198d71881ba331
高亮划线
1.3 开发环境及工具介绍
📌 Babel是一个JavaScript编译器，它可以将ES 6及其以后的语法编译成ES 5的语法，从而让我们可以在开发过程中尽情使用最新的JavaScript语法，而不需要担心代码无法在浏览器端运行的问题。 ⏱ 2024-04-22 16:34:54
📌 虽然本书没有详细介绍Webpack、Babel等工具，但并不说明它们不重要，事实上，它们是现代Web开发工程化体系中的重要内容。建议读者在掌握React后，系统地学习这些工具。 ⏱ 2024-04-22 16:35:28
2.1 JSX
📌 虽然JSX只是一个语法糖，但使用它创建界面元素更加清晰简洁，在项目使用中应该首选JSX语法。 ⏱ 2024-04-22 16:37:24
2.2 组件
📌 导入react-dom库，这个库会完成组件所代表的虚拟DOM节点到浏览器的DOM节点的转换。 ⏱ 2024-04-22 16:42:36
📌 组件的state是组件内部的状态，state的变化最终将反映到组件UI的变化上。 ⏱ 2024-04-22 16:43:07
📌 在constructor中，通过this.state定义了组件的状态。 ⏱ 2024-04-22 16:43:31
📌 state用来反映组件内部状态的变化，如果一个组件的内部状态是不变的，当然就用不到state，这样的组件称之为无状态组件，例如PostList。反之，一个组件的内部状态会发生变化，就需要使用state来保存变化，这样的组件称之为有状态组件，例如PostItem。 ⏱ 2024-04-22 16:45:21
📌 在开发React应用时，一定要先认真思考哪些组件应该设计成有状态组件，哪些组件应该设计成无状态组件。并且，应该尽可能多地使用无状态组件，无状态组件不用关心状态的变化，只聚焦于UI的展示，因而更容易被复用。React应用组件设计的一般思路是，通过定义少数的有状态组件管理整个应用的状态变化，并且将状态通过props传递给其余的无状态组件，由无状态组件完成页面绝大部分UI的渲染工作。总之，有状态组件主要关注处理状态变化的业务逻辑，无状态组件主要关注组件UI的渲染。 ⏱ 2024-04-22 16:48:49
📌 React提供了PropTypes这个对象，用于校验组件属性的类型。PropTypes包含组件属性所有可能的类型，我们通过定义一个对象（对象的key是组件的属性名，value是对应属性的类型）实现组件属性类型的校验。 ⏱ 2024-04-22 17:12:33