数据流程redux

思考题:

react+redux开发这么一个原型,要怎么开发?

整个redux流程的逻辑非常清晰,数据流是单向循环的,就像一个生产的流水线:

store(存放状态) -> Container(显示状态) -> reducer (处理动作)-> store

redux画图理解:

redux 只是定义了应用的数据流程,只解决了 “数据层”(model layer) 的问题,

一般还会使用 react, angular 等作为“显示层” (UI layer) 来一起使用,我们项目采用 react 作为显示框架。

分工明确:

工作分配:
1. 应用的基础配置工作应由前端开发主管负责,大家不必详细理解。
2. 布局组
container、component
静态布局 HTML + CSS
动态布局 使用 JSX 语法对静态布局做动态渲染处理
3. 逻辑组
action开发 - 制作redux流程的action
reducer开发 - 制作redux流程的reducer

- src              源码文件夹:包含项目源码,我们基本都在这个文件夹下做开发
    - containers   容器文件夹:存放容器组件,比如 “苹果篮子”
    - components   组件文件夹:存放普通显示组件,比如 “苹果”
    - actions      actions文件夹:存放可以发出的action
    - reducers     reducers文件夹:存放action的处理器reducers
    - services     服务文件夹:存放经过封装的服务,如 ajax服务, 模拟数据服务
    - styles       样式文件夹:存放应用的样式,如css, scss
    - images       图片文件夹:存放图片资源
    - apis         开发接口文件夹:存放开发接口文档

资料集合地址:

http://blog.csdn.net/fengyinchao/article/details/51566555



时间: 2024-10-26 09:48:39

数据流程redux的相关文章

redux请求数据流程

redux请求数据流程 store里面的index.js文件 1 import {createStore,combineReducers,applyMiddleware} from "redux" 2 import reduxThunk from "redux-thunk" 3 import user from "./reducers/user"/*团队合作各自引入自己的模块*/ 4 import {composeWithDevTools} fr

client_pbc.c模块数据流程

从命令行传入参数,client端的hostname或者IP地址,默认为 127.0.0.1.因此该模块是实现本机通信的. 也就是文档中说的 netlink传递参数. 首先调用socket,将第三个参数设置为 NATLINK_PBC(定义为31) 然后bind. 然后sendto,向核态发送信息.这里的基本用法,以及报文的封装与解封,用法都是固定的,可以参考的. 下面是一个死循环. 该循环的作用就是: 从核态接收信息,并根据其传递的操作命令.做出相应的相应. 实际上只有两种动作: 一个是f_sig

对Socket CAN的理解(4)——【Socket CAN接收数据流程】

this指针只能在一个类的成员函数中调用,它表示当前对象的地址.下面是一个例子: void Date::setMonth( int mn ) { month = mn; // 这三句是等价的 this->month = mn; (*this).month = mn; } 1. this只能在成员函数中使用. 全局函数,静态函数都不能使用this. 实际上,成员函数默认第一个参数为T* const register this. 如: class A{public: int func(int p){

YII数据流程浅析

MVC就不解释,直接上代码分析数据流程: 数据库图: 模型部分介绍: <?php /* * 前两个方法必须写 * 继承自CActiveRecord类 这个类位于 \framework\db\ar\CActiveFinder.php 这个路径下 * 它包括了经常使用查询方法 */ class Goods extends CActiveRecord{ public static function model($classname = __CLASS__){ //返回当前模型对象方法 return p

Citrix XenMobile学习笔记之六:XenMoble业务访问数据流程

总体访问流程图 终端设备注册流程 Android设备注册流程 到google Play或亚马逊应用商店或者豌豆荚.Citrix官网,下载思杰Worx Home应用.并在设备上安装. 当系统提示您安装该应用程序,单击下一步,然后单击安装. 安装Worx Home之后,点击启动. 输入您的认证信息,如设备管理器服务器名,用户主体名称(UPN),或电子邮件地址的名称,然后单击下一步. 在激活设备管理员屏幕上,点击激活. 输入您的账户密码,然后点击点登录. 根据XenMobile的配置方式,您可能会被要

处理流程和数据流程

机房收费系统合作开始了,对机房系统的处理流程和数据流程,进行了整理,画了一下两幅,哪里有思路有误的,热烈欢迎大家指正. 处理流程如下: 管理员登录系统,可以"设定基本数据"."修改密码"."查看操作员工作记录"以及"增加和删除用户",然后,给学生进行"注册",注册后,操作员可以进行"学生基本信息维护",学生可以进行"上下机",然后,一般用户可以"查看学生上机

敏捷大数据流程

敏捷大数据流程利用了数据科学的迭代性本质和高效的工具,从数据中构建和抽取高阶的结构和价值. 数据产品团队技能多样,会产生多种可能性.由于团队覆盖了大量的领域,构建web 产品也自然是一个协作的过程.团队需要方向才能协作:每个成员都应该热情饱满而又顽强地追求一个共同的目标.要明确这个方向,需要一个共识. 在协作中达成共识是开发软件过程中最难的一个环节.软件开发团队最大的风险就是根据不同的蓝图进行开发.相互抵触的愿景会让产品缺乏专注,最终失败. 有时在实际开发应用之前会做一些样品(mock):产品经

Hadoop_08_客户端向HDFS读写(上传)数据流程

1.HDFS的工作机制: HDFS集群分为两大角色:NameNode.DataNode (Secondary Namenode) NameNode负责管理整个文件系统的元数据 DataNode 负责管理用户的文件数据块(只管接收保存,不负责切片) 文件会按照固定的大小(blocksize)128M切成若干块后分布式存储在若干台datanode上 每一个文件块可以有多个副本,并存放在不同的datanode上 Datanode会定期向Namenode汇报自身所保存的文件block信息,而nameno

IgH设置EtherCAT数据流程

IgH设置EtherCAT数据流程在启动IgH协议栈后,协议栈会自动的把EtherCAT从站初始化到PREOP模式,从PREOP状态迁移到SAFEOP状态,需要设置PDO.DC等数据.以山洋电机为例数据设置流程如图 1.1所示: 图 1.1 PREOP状态迁移流程 IgH应用实现流程 申请获取主栈在配置数据之前首先获取一个主栈结构体,该结构和协议栈中的master对应.通过获取到的主栈结构,把数据配置到协议栈中的数据结构中(目前只有一个主栈,不支持冗余备份). 图 2.1 申请主栈接口 为每个从