总结学习成果展示 构建数据会随着时间改变的大型应用,React主要有以下特点: 1.简单的表述任意时间点应用应该呈现的样子,React就会自动管理UI界面更新当数据发生变化的时候 2.在数据发生改变时,React实际上仅仅更新了变化的一部分而已 React是关于构造可重用组件的,实际上,使用React时,我们做的更多的是构建组件。通过封装,使得代码复用,测试以及关注点分离更加容易。 1.React不是一个MVC框架,React是一个构造可组合式用户界面的库。它鼓励创建可重用的UI组件会随着时间而改变的数据。 2.React不使用模板。传统上,web应用UIs使用模板或者html指令构造。这些模板规定一套完整的抽象使你可以去构建你的UI。不同的是,React处理构建用户界面通过将他们分解为组件。这意味着,React使用一个真正的,全功能的编程语言去渲染视图。 3.响应式更新非常简单 在一个传统的JS应用中,需要考虑数据变化然后指示DOM做出变化,使其保持最新的。甚至AngularJS,提供一个声明式接口经由指令和数据绑定请求一个关联的函数去手动更新DOM节点。 React采用不同的方法,当组件第一次初始化时,render方法调用,为试图生成一个轻量级的表现。通过这个表现,产生一个标签字符串,然后插入文档中。当数据变化时,render方法再次被调用。为了尽可能有效的完成更新,我们比较值钱调用的render返回的值与新的值,然后产生一个最小的变更去应用DOM中。 react的设计思路: 1.组件化设计模式 React的核心思想是组件化,将UI拆分成小的、可重用的部件,以提高可维护性和可重用性。 2.状态管理设计模式 在React中,状态(state)是组件数据的核心来源。 3.性能优化设计模式 React的虚拟DOM机制使得高效的UI渲染成为可能。