美文网首页
redux学习笔记

redux学习笔记

作者: 念旧的阿蛮 | 来源:发表于2017-09-13 17:10 被阅读0次

Redux流程

Redux概述

当我们页面渲染完之后,UI就出现了,用户就会触发一些Actions,Actions会送到Reducer这个方法里面去 , 然后Reducer会更新这个Store,React的State其实是包含在Store里面,我们也可以认为State是Store的一部分,我们视图层的东西就是由State决定的。我们在开发React中在Reducer中写一些State方法,我们根据State来渲染UI,这就是Redux完整的流程。

react-redux安装与资料获取

安装:npm install react-redux redux

资料:

- 英文:http://redux.js.org/

- 中文:http://cn.redux.js.org

react-redux 框图

react-redux 框图

当我们的用户点下鼠标,鼠标点在View层,也就是我们渲染出来的React组件,这样页面会产生一些Actions,Actions会传到Store里面去,State里面的Middleware是他的中间件(中间件:接收一一些东西,作用作用再吐出来),实际上这些Actions是最终作用在Reducer(响应)上的,Reducer决定了我们当前的State和Action结合起来我们的State会发生什么变化,State变化之后反过来作用在V层,也就是作用在组件上,组件上就知道有什么变化了,然后重新渲染在屏幕上。

使用Redux实现一个TODO

项目结构

-- actions

-- components

-- container

-- reducer

- index.html

- server.js

- webpack

action

action

reducer

reducer

store

srore

组件

组件

相关文章

  • Redux 笔记一:简单串讲

    Redux 笔记一:简单串讲 React 笔记一:简单串讲 Redux 笔记一:简单串讲 介绍 Redux并不是R...

  • Redux-saga

    Redux-saga学习笔记说到中间件Redux-saga之前不得不提一下Redux-thunk(详细请访问:ht...

  • Redux 学习笔记

    把redux添加到项目的步骤 index.js 部分 创建store跟reducer 用 包起整个App inde...

  • redux学习笔记

    redux自述 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 (如果你需要一个 Wor...

  • Redux学习笔记

    是什么 Redux是一个状态管理库。 为什么要用 随着 JavaScript 单页应用开发日趋复杂,JavaScr...

  • redux 学习笔记

    APP 包含 UI 和 state Redux -- To make state more predictable...

  • Redux学习笔记

    Redux并不是只能在React应用中使用,而是可以在一般的应用中使用。一、首先来看一下redux的工作流: st...

  • redux学习笔记

    什么是redux架构 //首先我们应该认识redux的核心store,store直译过来就是仓库,redux概念中...

  • redux学习笔记

    Redux流程 当我们页面渲染完之后,UI就出现了,用户就会触发一些Actions,Actions会送到Reduc...

  • redux学习笔记

    目的 理解、使用redux 开发RN的前端部分 掌握一些js 一、Redux和React什么关系 Redux是什么...

网友评论

      本文标题:redux学习笔记

      本文链接:https://www.haomeiwen.com/subject/kiaksxtx.html