为什么使用React作为云平台的前端框架.pptxVIP

普元云总体架构图企业合作伙伴企业用户设备企业员工企业客户企业员工企业客户业务部门业务部门合作伙伴合作伙伴信息系统信息技术部信息系统业务应用信息系统运营部DevOps业务应用部微应用业务平台业务平台部共享业务通用平台通用平台部后端数据终端前端React、React Native、React 第三方类库硬件平台部硬件平台基础设施为什么使用React作为云平台的前端框架为什么使用React简单易学，上手快JSX使编程更简单组件化编程方式好处多虚拟Dom技术，使得开发简单，而页面性能又好前后端同构, 搜索引擎更友好强大的开发工具社区强大为什么使用React简单易学，上手快简单易学，上手快ReactJSX3rd librariesReact组件vsAngular作用域控制器模板指令数据绑定过滤器依赖注入服务表达式路由…为什么使用ReactJSX使编程更简单JSX使编程更简单JSX使编程更简单为什么使用React组件化开发方式好处多 普元云平台Home页面 普元云平台Home页面 普元云平台Home页面微服务的优点每个微服务都很简单，负责单个业务功能每个微服务可以交由不同团队开发微服务之间是松耦合的前端组件和后端微服务之间的关系身份识别认证微服务Home主页UIChatPanel组件TopBar组件DashboardHeader组件项目管理微服务DashboardCardContainer组件配置UI部署UI软件产品管理微服务软件环境管理微服务申请上线UI申请预发UI软件发布管理微服务申请提测UIDevOps门户UI为什么使用React虚拟Dom技术，使得开发简单，而页面性能又好虚拟DOM技术DomReact组件VirtualDomDiff Dom属性或状态发生改变，组件更新渲染用户行为事件性能比较 – React vs jQuery vs Angular/jonmiles/react-performance-tests性能比较 – React vs Angular vs Knockouthttp://chrisharrington.github.io/demos/performance/为什么使用React前后端同构，搜索引擎更友好前后端同构，搜索引擎更友好Isomorphic JavaScript (前后端同构)为什么使用React强大的开发工具React 开发者工具 - ChromeReact 开发者工具 - ChromeReact 热加载器http://gaearon.github.io/react-hot-loader/getstarted/React 热加载器为什么使用React强大的社区React Github地址使用React的网站列表丰富的第三方类库Semantic UIMaterial UIElemental UIReact ComponentsReact Bootstrap…组件库ReduxFluxReflux…单向数据流React Router…页面路由SuperAgentFetchAxiosRequestAjax类库…lodashImmutableJS…基础类库普元云现今用到的第三方类库React BootstrapReact Components组件库Redux单向数据流React Router页面路由SuperAgentAjax类库lodashImmutableJS基础类库总结 – 七大原因简单易学，上手快组件化编程方式好处多JSX使编程更简单虚拟Dom技术，使得开发简单，而页面性能又好前后端同构, 搜索引擎更友好强大的开发工具社区强大亲爱的各位朋友，大家下午好！今天很高兴可以和大家分享下我们普元云使用的前端技术React，为什么使用React作为我们的前端框架。首先来看一下我们普元云的总体架构图。从图中可以看到，在我们普元云平台中，我们最终选择了React相关技术栈作为我们前端以及终端技术，以服务于业务应用和业务平台。在web前端飞速发展的今天，各种前端框架和类库犹如民国军阀混战时期，百家争鸣。而随着微服务架构近几年的流行，如何在众多前端框架中选择一门合适的框架来满足微服务的特点和优势实属不易。 那么我们为什么会选择React作为我们的前端技术呢。下面让我们直入主题，谈谈选择React的原因。1. 简单易学，上手快2. JSX使编程更简单3. 组件化编程方式好处多4. 虚拟Dom技术，使得开发简单，而页面性能又好5. 前后端同构, 搜索引擎更友好6. 强大的开发工具7. 社区强大总共7大点，本次微课堂会围绕这7点展开。首先，让我们先来看看第一点。严格意义上来说，其实React并不是一个框架，只是一个类库，它专注于MVC中的V，但是正是由于这种专注，简单易学，上手快，学习React，你只需了解如何编写JSX风