React站点的一种架构
2017-02-25 10:03:20 0 举报
React站点通常采用组件化的架构,将页面拆分成多个独立的、可复用的组件。这些组件可以包含HTML、CSS和JavaScript代码,以及状态和逻辑。通过使用Props和State,组件之间可以进行数据传递和状态管理。此外,React站点还通常采用虚拟DOM技术来提高性能,通过Diff算法只更新页面中发生变化的部分,而不是重新渲染整个页面。在构建大型React应用时,还可以使用Redux等状态管理库来处理复杂的状态逻辑。最后,为了提高开发效率,React站点通常还会采用一些工具和库,如Webpack、Babel、ESLint等。总之,React站点的架构旨在实现高效、可扩展和易于维护的开发。
作者其他创作
大纲/内容
LoadingComponent(观察者)
CacheAsyncData
DataSource(被观察者)
NoCacheData
第二中类型
Page
依赖
多个
一种类型
JSONP
继承
Component
优点:1. 把组件公用加载中状态(阻断型,非阻断型)2. 灵活配置数据源是否缓存3. 基于观察者模式数据源可多次触发渲染(先渲染缓存数据,再渲染异步数据)
缺点:1. 获取数据与渲染数据不分离(都在Component里面)2. 加载中状态与业务组件不分离3. 一个组件多数据源只有一个观察者(不能针对不同数据源做不同的处理)4. 一个组件多数据源加载状态管理问题
Ajax
观察者模式
0 条评论
回复 删除
下一页