React + Redux + express+ antd 架构的认识

  在过去的两周里,我使用这套技术栈进行项目页面的开发。下面是我个人的对于项目的一些看法:

  首先:是项目的调试,我深表压力很大,项目是使用fibber去抓包调试的,也不知道我们项目的负责人,怎么能的我在每次更改代码,webpack重新打包压缩的时候总是很慢,当然也有可以是领导的电脑配置高。但是对于我这种刚来的菜鸟来说这样自测真的很慢啊,也不知道后期会不会更改了。刚入门的菜鸟表示压力很大。

  第二:对于redux,我不知道前人是什么逻辑去使用这个状态管理器的,总感觉他们写的代码很乱,我理解起来很有难度,最最最主要的是他们都不代注释的。我觉得嘛,既然用了redux去管理react的状态,那就需要把几乎所有的数据放到store里面去实现MVC架构中的controller层结构,而页面上也就是view层的结构只需要去处理该(dispatch)分发那个或那些Action就好了,而我们的服务器后台可以看作是MVC中的modal层。这样逻辑就会清晰明了很多。

  第三:对于express使用express.all去捕获所有的json请求,然后实现本地文件的下发给客户端。这样的json文件写起来很累。而且都是静态的,我希望有一个什么工具可以通过js去生成模拟服务器端的数据库。生成数据我想是那张json-server风格的生成数据,而json-server使用的时候只有get是返回数据库的基础资源,而不经过其它操作。像其它的方式post/put/delete都会更改。

  感谢阅读!欢迎交流...

时间: 2024-12-19 01:17:24

React + Redux + express+ antd 架构的认识的相关文章

Springboot + mybatis + React+redux+React-router+antd+Typescript(二): React+Typescrip项目的搭建

前言: 后台搭建完以后开始搭建前端,使用create-react-app搭建项目非常方便. 前端主要是如何向后台请求数据,以及如何使用redux管理state,路由的配置. 前端github地址: https://github.com/www2388258980/rty-web 后台github地址: https://github.com/www2388258980/rty-service 项目访问地址:          http://106.13.61.216:5000/          

Springboot + mybatis + React+redux+React-router+antd+Typescript(三): 上线

前言: 当前后端搭建完成以后,就可以开始上线了; 我用的是百度云服务器,这里简单记录一下上线所用工具以及过程. 前端github地址: https://github.com/www2388258980/rty-web 后台github地址: https://github.com/www2388258980/rty-service 项目访问地址:          http://106.13.61.216:5000/                               账号/密码: roo

6周学习计划,攻克JavaScript难关(React/Redux/ES6 etc.)

6周学习计划,攻克JavaScript难关(React/Redux/ES6 etc.) 余博伦· 2 个月前 原文链接:A Study Plan To Cure JavaScript Fatigue 作者:Sacha Greif 和大家一样,最近我也看了Jose Aguinaga写的How it feels to learn JavaScript in 2016. 显然这篇文章击中了人们的痛处.它在Hacker News上排了不止一次第一.同样也是/r/javascript上最火的一篇,在Med

webpack+react+redux+es6

一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入门教程   redux middleware 详解   Redux研究 React 入门实例教程 webpack学习demo NPM 使用介绍 三.工程搭建 之前有写过 webpack+react+es6开发模式 ,文章里介绍了一些简单的配置,欢迎访问. 1.可以npm init, 创建一个新的工程

webpack+react+redux+es6开发模式

一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入门教程   redux middleware 详解   Redux研究 React 入门实例教程 webpack学习demo NPM 使用介绍 三.工程搭建 之前有写过 webpack+react+es6开发模式 ,文章里介绍了一些简单的配置,欢迎访问. 1.可以npm init, 创建一个新的工程

React+Redux实现追书神器网页版

引言 由于现在做的react-native项目没有使用到redux等框架,写了一段时间想深入学习react,有个想法想做个demo练手下,那时候其实还没想好要做哪一个类型的,也看了些动漫的,小说阅读,聚合资源的开源项目.但是由于正好在学习开源的Android小说阅读器--任阅,加上api比较全,开始边学边做,项目地址在这里,如果有好的意见欢迎提issue或pr. 效果图 目录结构 ├─actions #redux的action,业务逻辑 ├─components #页面容器 │ └─common

Webpack + React全栈工程架构项目实战精讲

详情请交流  QQ  709639943 01.Webpack + React全栈工程架构项目实战精讲 02.跨平台混编框架 MUI 仿豆瓣电影 APP 03.Node.js入门到企业Web开发中的应用 04.Python3 全网最热的Python3入门+进阶 比自学更快上手实际开发 05.Java秒杀系统方案优化 高性能高并发实战 06.Java深入微服务原理改造房产销售平台 07.快速上手Linux 玩转典型应用 08.全面系统讲解CSS 工作应用+面试一步搞定 09.Java Spring

asp.net core+react/redux 微软你要作死吗?

vs2017悄然的集成了react和redux,这对于我们微软家族开发人员是福音吗?要我说是福也是祸! 福就是,近几年react和reactnative可谓是名声大躁,微软很给脸,我环境里把你集成吧,这样我微软帝国下的程序员可以不用做吃瓜群众了. 很好,我就做了这个吃瓜人,可是吃瓜吃的并不爽啊! 各种ts.tsx各种飞! 最蛋疼的是加上webpack模块!! 搞react的都知道,蚂蚁金服做的后台管理的框架很不错,本想着拿来用用,可是各种npm安装还原失败,不支持,蛋疼死了!!! antd蚂蚁金

利用 React/Redux/React-Router 4/webpack 开发大型 web 项目时如何按需加载

如何设计一个大型 web 项目? React + webpack 如何按需加载? React + React-Router 4 + webpack 如何按需加载? React + Redux + React-Router 4 + webpack 如何按需加载? 实录提要: bundle-loader 和 Webpack 内置的 import() 有什么区别? 按需加载能否支持通过请求后台数据,动态配置页面的的应用场景? 参与过几个 React 项目,被依赖包搞的晕晕的,不知道该怎么选择? 什么包