01 React简介与特性
React是一个用于构建用户界面的JavaScript框架，具有以下特点：
1.React速度快（虚拟DOM）
- 与其他框架相比，React采用了独特操作DOM的方式。
它并不直接对DOM进行操作，它引入了一个虚拟DOM的概念，安插在JavaScript逻辑和实际的DOM之间，这一概念提高了WEB性能，我们所谓的 DOM 树其实就是一个树状结构嵌套的 JavaScript 对象。
2.跨浏览器兼容
- 虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。
3.组件化
- 为程序编写独立的模块化UI组件，并且它们可以引入其他组件。这等同于提高了代码的可维护性。
4.生态丰富
- 生态丰富：React拥有丰富的生态圈，例如React-Router、Redux等，方便开发者构建完整的Web应用。
功能
- 小而特殊的功能组件
众所周知，React允许开发能够执行各种任务的大型组件。然而，最好通过保持组件的适度来构建它们，以便每个组件都执行特定的目的。在Web前端培训中，也有关于React的学习和使用，理论知识结合实战操作，学以致用，真正掌握前端技术。
使用React，开发人员可以生成可重用的UI组件。就操作而言，较小的组件更易于阅读和理解，并且易于更新。因此，代码的可用性也得到了提高。每个组件通常都很短(100到200行)，使得其他程序员理解和调整代码很简单。
- 选择碎片而不是分裂
任何React组件返回的代码都应该包装在一个单独的标记中。通常，使用
- 命名规格
命名约定有助于使代码更易于阅读。这适用于变量、React钩子、组件名等等。
React文档中没有提供正式的命名方案，但是使用了3个主要的命名约定：
l 组件名称应该反映它们的功能，而不是指特定的应用程序功能。它们也应该大写字母camelCase。
l 需要成分的键应该有唯一的、非随机的标识符。建议不要仅仅使用索引作为键。组合两个不同对象属性的键分配是可接受的。
l 在camelCase中，方法应该根据它们的目的和功能来命名，而不是特定于应用程序。一般来说，组件是用PascalCase编写的，必须根据它们的用途而不是它们在项目中的功能来命名。
- 不要重复你的代码
React最佳实践让你能够编写准确而简洁的代码，从而使它变得可行而简单。问题是——你如何知道你是否要合并重复的代码?你只需要寻找相似之处，如果你找到了，那就意味着你在复制一个代码。
- 使用React开发工具
React开发人员工具在开发React应用程序时派上用场。它包含状态、子元素、道具和组件层次结构。这也有助于调试代码。借助React开发工具，开发人员可以轻松构建交互式UI。
React开发者工具会定期添加新功能。
- 条件渲染实践
React允许用户创建封装所需行为的独特组件。然后，根据React应用程序的状态，可以呈现一些组件。这就是条件渲染。现在，有很多方法可以执行条件渲染。
- 使用代码片段库
编写代码时，你应该始终努力使用最好和最新的语法。你可以通过使用代码片段来保持语法最新，它们还有助于确保你的代码没有错误和bug。因此，为了提高效率，你应该坚持使用代码片段库代码片段，如ES7 React、Redux、JS片段等。
