文档章节

React,Redux 学习笔记

m2012
 m2012
发布于 2015/12/08 17:36
字数 215
阅读 108
收藏 1
点赞 0
评论 0

环境准备

  • 安装node
  • 配置 npm ,将镜像换成淘宝的
  • 安装 babel,还有那些presets(react, stage-0, es2005),写.babelrc
  • 安装 browserify和watchify,在package.json那里配置
  • 安装 gulp,和插件(gulp-stylus之类)
  • 编写 gulpfile.js

Redux

关键概念

  • store只有一个,里面保存着一个state树
  • reducer只有一个,就是一个不能再普通的函数 (oldState, action) => newState
  • store创建的时候,需要跟一个reducer绑定在一起,store是个空壳,它的能力全是来自reducer和middleware
  • reducer只能处理同步action,所以,store默认也只能吃同步action,dispatch的返回值就是reducer的返回值
  • 通过添加middleware,可以让store.dispatch吃更多类型,返回值就是middleware的返回值

要写什么

  • 几个action(type和其他字段)
  • 几个actionCreator(与)
  • 一个reducer(rootReducer)
  • 几个 异步thunk

© 著作权归作者所有

共有 人打赏支持
m2012
粉丝 16
博文 128
码字总数 52548
作品 0
广州
程序员
ES6学习笔记(const和let)

前言:这周工作的中心开始倾向于前端了,自己虽然是个后端工程师,不过最终的期望还是倾向于全栈的,自己今年也有意朝着这个方向去努力,因为公司属于创业公司,如果每个人设计的技术层面会更...

程序员小哥哥 ⋅ 前天 ⋅ 0

jiaming_/ZhiHuDailyRN

简介 这是一款使用ReactNative技术写的模仿《知乎日报》的客户端。 主要目的为学习ReactNative,掌握其API使用及原理等知识。 主要实现了《知乎日报》App的首页,详情页,评论页,专题页,抽...

jiaming_ ⋅ 2017/06/27 ⋅ 0

Redux 学习总结笔记

项目驱动是学习框架非常高效的一种方式。 学习 redux 全家桶推荐 react-douban:一个 React + Redux + React-Router 完整项目 该笔记主要是下面三部分: Redux 介绍、基本概念和API和工作流程...

superman666 ⋅ 2017/04/12 ⋅ 0

基于 React.js + Redux + Bootstrap 的 Ruby China 示例

最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本,...

rina_liuzhen ⋅ 2016/10/21 ⋅ 2

react-native的一些示例--ReactNativeRollingExamples

这是一个react-native的一些example,目前支持iOS。 另外整理一份react-native学习列表,react-native学习列表 安装 npm install react-native rolling examples包含以下这些: 列表视图的使...

匿名 ⋅ 2016/06/28 ⋅ 0

通过yeoman创建React-webpack项目

说明 通过yo创建React项目, 并且学习React和Redux *** 环境要求 环境要求 node js环境 ,请安装最新node js 版本 打开cmd(win下)或者终端(mac & linux)执行npm -v 后可以看到显示版本号, 以后...

IT_小翼 ⋅ 2016/06/28 ⋅ 0

精益 React 学习指南 (Lean React)

本书内容 这本书我会由简单到复杂的带领大家进入 React 的世界, 其中 1 - 3 章节都是 React 的基础知识,需要提醒读者的是大多数的基础知识都可以通过 React 的官方文档学习,如果对英语敏感...

陈学家 ⋅ 2016/05/25 ⋅ 0

《深入React技术栈》笔记

一、初入React世界 1.2 JSX语法 class 属性修改为className for 属性修改为 htmFor 展开属性 使用ES6 rest/spread 特性提高效率 自定义HTML 属性 如果要使用HTML自定义属性,要使用data- 前缀...

迷糊的浩二 ⋅ 2017/10/09 ⋅ 0

基于react native打造属于自己的博客app

关注react native这个技术很久了,去年就做了一个简单的Demo,最近有时间,重新了解了一下react native的现状,发现已经有很大的进步,现在完善了一下原有的项目,并重新开源共享一下。 背景 ...

IT米粉 ⋅ 2017/10/17 ⋅ 0

react学习(投稿前还需要修改)

react学习: Dr: redux-entry: https://github.com/ThatBean/redux-entry/blob/master/source/index.js https://github.com/dr-js/dr-js/blob/master/source/common/immutable/StateStore.j......

程序员小哥哥 ⋅ 06/13 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

vuex学习

1、getters基本用法: 在store.js里面用const声明我们的getters属性。 const getters={ count:function (state) { return state.count +=100; }} export default new Vuex.S......

大美琴 ⋅ 35分钟前 ⋅ 0

292. Nim Game - LeetCode

Question 292. Nim Game Solution 思路:试着列举一下,就能发现一个n只要不是4的倍数,就能赢。 n 是否能赢1 true2 true3 true4 false 不论删除几,对方都能一把赢5 t...

yysue ⋅ 47分钟前 ⋅ 0

G6 关系数据可视化图形库 简单使用

官网 https://antv.alipay.com/zh-cn/g6/1.x/index.html 效果 首先生成给定数目的小球,并设置随机的颜色 按照顺序,设置小球的角度以及坐标 设置定时器,每隔一定的时间修改小球的角度和坐标...

阿豪boy ⋅ 50分钟前 ⋅ 0

6.5 zip压缩工具 6.6 tar打包 6.7 打包并压缩

zip压缩工具 zip命令可以压缩目录和文件,-r 压缩目录。 zip使用方法 zip 1.txt.zip 1.txt //压缩文件 zip -r 123.zip 123/ //压缩目录 unzip 1.txt.zip //解压 unzip 123.zip -d /root/456...

Linux_老吴 ⋅ 58分钟前 ⋅ 0

react-loadable使用跳坑

官方给react-loadable的定义是: A higher order component for loading components with dynamic imports. 动态路由示例 withLoadable.js import React from 'react'import Loadable fro......

pengqinmm ⋅ 今天 ⋅ 0

记录工作中遇到的坑

1、ios safari浏览器向下滚动会触发window resize事件

端木遗风 ⋅ 今天 ⋅ 0

桥接设计模式

1、概述: 将抽象部分与他的实现部分分离,这样抽象化与实现化解耦,使他们可以独立的变化 如何实现解耦的呢,就是通过提供抽象化和实现化之间的桥接结构 桥接模式将继承模式转化成关联关系,他降...

职业搬砖20年 ⋅ 今天 ⋅ 0

20.zip压缩 tar打包 打包并压缩

6月25日任务 6.5 zip压缩工具 6.6 tar打包 6.7 打包并压缩 6.5 zip压缩工具: zip支持压缩目录 zip压缩完之后原来的文件不删除 不同的文件内容其实压缩的效果不一样 文件内有很多重复的用xz压...

王鑫linux ⋅ 今天 ⋅ 0

double类型数据保留四位小数的另一种思路

来源:透析公式处理,有时候数据有很长的小数位,有的时候由在四位以内,如果用一般的处理方法,那么不足四位的小树会补充0到第四位,这样子有点画蛇添足的感觉,不太好看。所以要根据小数的...

young_chen ⋅ 今天 ⋅ 0

Django配置163邮箱出现 authentication failed(535)错误解决方法

最近用Django写某网站,当配置163邮箱设置完成后,出现535错误即:smtplib.SMTPAuthenticationError: (535, b'Error: authentication failed') Django初始配置邮箱设置 EMAIL_HOST = "smtp.1...

陈墨轩_CJX ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部