React设计思想是什么？

<h4 style="text-align: start;"><strong>编写简单直观的代码</strong></h4><p style="text-align: start;">React最大的价值不是高性能的虚拟DOM、封装的事件机制、服务器端渲染，而是声明式的直观的编码方式。react文档第一条就是声明式，React 使创建交互式 UI 变得轻而易举。为应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI，可以让代码更加可靠，且方便调试。</p><h4 style="text-align: start;"><strong>简化可复用的组件</strong></h4><p style="text-align: start;">React框架里面使用了简化的组件模型，但更彻底地使用了组件化的概念。React将整个UI上的每一个功能模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成更大的组件。React的组件具有如下的特性∶</p><ul><li style="text-align: start;">可组合：简单组件可以组合为复杂的组件</li><li style="text-align: start;">可重用：每个组件都是独立的，可以被多个组件使用</li><li style="text-align: start;">可维护：和组件相关的逻辑和UI都封装在了组件的内部，方便维护</li><li style="text-align: start;">可测试：因为组件的独立性，测试组件就变得方便很多。</li></ul><h4 style="text-align: start;"><strong>Virtual DOM</strong></h4><p style="text-align: start;">真实页面对应一个 DOM 树。在传统页面的开发模式中，每次需要更新页面时，都要手动操作 DOM 来进行更新。 DOM 操作非常昂贵。在前端开发中，性能消耗最大的就是 DOM 操作，而且这部分代码会让整体项目的代码变得难 以维护。React 把真实 DOM 树转换成 JavaScript 对象树，也就是 Virtual DOM，每次数据更新后，重新计算 Virtual DOM，并和上一次生成的 Virtual DOM 做对比，对发生变化的部分做批量更新。React 也提供了直观的 shouldComponentUpdate 生命周期回调，来减少数据变化后不必要的 Virtual DOM 对比过程，以保证性能。</p><h4 style="text-align: start;"><strong>函数式编程</strong></h4><p style="text-align: start;">React 把过去不断重复构建 UI 的过程抽象成了组件，且在给定参数的情况下约定渲染对应的 UI 界面。React 能充分利用很多函数式方法去减少冗余代码。此外，由于它本身就是简单函数，所以易于测试。</p><h4 style="text-align: start;"><strong>一次学习，随处编写</strong></h4><p style="text-align: start;">无论现在正在使用什么技术栈，都可以随时引入 React来开发新特性，而不需要重写现有代码。 React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。因为 React 组件可以映射为对应的原生控件。在输出的时候，是输出 Web DOM，还是 Android 控件，还是 iOS 控件，就由平台本身决定了。所以，react很方便和其他平台集成</p><p><br></p>

DreamCoders/CoderGuide

内容风险标识

评论 (0)

DreamCoders/CoderGuide .gitee-modal { width: 500px !important; }

内容风险标识