[发明专利]基于React技术构建web应用的方法

摘要

本发明公开了基于React技术构建web应用的方法，涉及互联网web应用技术领域。包括使用react官方推荐的脚手架工具create‑react‑app，创建一个基于react的模板项目，用react‑router搭建页面路由，用于控制页面级组件的切换；将UI界面拆分成组件结构图；借助React创建组件，完成不带交互的静态页面；将web应用的每一张设计图都转换为静态页面之后，将它们整合起来已构成完整的web应用，建立起应用中各个组件的交互效果。本发明提供的方法具有良好的可组合性，可重用性，和可维护性，可以自底向上通过组件层级的嵌套，构建完整的UI界面。

主权项

基于React技术构建web应用的方法，其特征在于，包括以下步骤：步骤一：将UI界面拆分成组件结构图组件结构图的拆分工作在原型图或者UI设计图上进行，采用自顶向下或自底向上的划分方法，通过绘制各种颜色的线框来框选组件，线框的颜色用来区分不同的组件层级；步骤二：借助React创建组件，完成不带交互的静态页面把用线框框出的组件转换为代码，采用React框架创建组件，借助React.Component类，为每一个线框创建一个React.Component实例，完成不带交互的静态页面；步骤三：多次重复步骤一和步骤二之后，将web应用的每一张UI设计图都转换为静态页面，在这一步中将它们整合起来构成完整的web应用，使用react‑router来做前端路由，实现顶层组件之间的切换。