react+dva+antd+umi项目建立操作流程及知识点总结

0.1 引用

0.1.1 react官网

0.1.2 dva官网

0.1.3 antd-mobile官网

0.1.4 umijs官网

0.1.5 转载文章-umi操作手册

一、what are these?

1.1 react.js

React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。

1.2 dva

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

一般来说，可以分为主要的三个部分，models、services 和 views。其中，views负责页面上的展示，这个不做赘述；services里面主要写一些请求后台接口的方法；models是其中最重要的概念，这里存放了各种数据，并对数据进行相应的交互。

1.3 Ant Design Mobile

一个基于 Preact / React / React Native 的 UI 组件库

1.4 umi

umi是一个基于路由的框架，它支持类似于next.js的常规路由和各种高级路由功能，例如路由级按需加载。借助涵盖从源代码到构建产品的每个生命周期的完整插件系统，umi能够支持各种功能扩展和业务需求。目前，umi在社区和公司内部都有近50多个插件。

umi是Ant Financial的基本前端框架，已直接或间接为600多个应用程序提供服务，包括Java，节点，移动应用程序，混合应用程序，纯前端资产应用程序，CMS应用程序等。umi为我们的内部用户提供了很好的服务，我们希望它也可以为外部用户提供很好的服务。

功能