基于Redux数据状态管理的前端应用实践

秦子实

摘要：在企业中台等复杂交互场景的网页应用中，基于JSP、ASP等模板技术的页应用一直存在着拓展性差、修改维护困难、调试效率低下等问题。因此，对于企业中台等复杂交互场景，需要一种能够完全独立于后端复杂网页应用开发方法，方法应完全基于REST APl，且具备良好的拓展性，各功间能耦合性低，便于后期的迭代及维护。该文将以React框架为例，通过Redux控制数据状态以代替传统基于模板的网页开发，给出一种新的独立复杂交互式前端的开发方法。

关键词：前端;JavaScript;React;Redux

中图分类号：TP393 文献标识码：A

文章编号：1009-3044（2020）08-0254-02

1 概述

随着企业业务的不断扩展，企业中台网页应用需要展示的报表数量越来越多，在网页上进行的数据操作越来越复杂。传统基于模板的网页开发（如JSP、ASP等）越来越难以应付这些复杂功能，基于模板的网页应用由于HTML结构以及表单提交机制等原因，不可避免地会出现页面代码臃肿，数据交换冗余较大。这不仅会占用客户端浏览器资源导致加载缓慢.也会在请求/提交数据时大量消耗服务器资源处理无用数据。

前端框架日趋成熟，更多的企业中台网页应用从原来的模板开发，转移到基于如React或Vue等框架的JavaScript前端网页应用。相较于模板技术，前端应用框架的核心在于状态管理。本文以React框架为例，介绍使用Redux库进行前端应用状态管理，以实现具有良好扩展性、方便修改迭代、易于调试维护的独立前端应用的实现。

2 Redux技术简介

Redux产生的原因，是为了应对……