08 2018 档案
摘要：第一种 最普通，最常见，delllee和官网第写法。 第二种 初次接触，感觉有点绕，不太好理解，为什么点击了，直接就派发action了？
阅读全文
摘要：chrome扩展程序里搜索Redux DevTools进行安装 新建store的时候，进行如下配置。
阅读全文
摘要：摘要： Express开发web接口; 安装MongoDB,启动、连接MongoDB服务台; 使用nodejs和mongoose模块链接和操作MongoDB; 一、Express开发web接口 express是基于nodejs，快速、开发、极简的web开发框架。 1.安装express 2.编写se
阅读全文
摘要：一、安装 MongoDB ： Mac 下安装 MongoDB 一般有多种方法，本文介绍“使用 homebrew安装”和“使用安装包安装” 两种方法。 方法一：使用 homebrew安装 一、安装 homebrew ： /usr/bin/ruby -e "$(curl -fsSL https://ra
阅读全文
摘要：一、let const var有缺陷：有块级作用域、能重复定义、无法限制修改。所以出来了let和const. 有块级作用域，不能重复定义 const不能修改，必须定义的时候赋值 二、解构赋值 1.左右两边结构必须一样 2.右边必须是个合法东西 3.声明和赋值不能分开 三、字符串扩展 1.字符串模板
阅读全文
摘要：Github是用Git做版本控制的代码托管平台,Git是一款免费、开源的分布式版本控制系统。 1.在Github上新建项目 2下载安装git 3.链接远程仓库 在命令行里，找一个目录，然后git clone ,把一个GitHub是的项目clone(下载)到本地变为本地仓库。 到项目 .git\con
阅读全文
摘要：ES6 可以提高开发效率，把ES3比做斧头，ES5比做锯子，那么ES6就是电锯。 ES6新特性 默认参数、字符串模板、结构赋值、箭头函数、set\mat 、异步操作、类和对象 、模块化
阅读全文
摘要：react的基础语法 redux这个数据层框架 react-redux如何方便我们在react中使用redux react-router 4.0 这样的非常实用的相关的第三方模块儿 immutable.js styled-component，
阅读全文
摘要：所有组件的代码都打包在bundle.js里，加载首页的时候，把其它页面的代码也加载了，影响首页加载速度。我们希望访问首页的时候只加载首页，访问详情页的时候再去加载详情页的代码。异步组件可以帮我们实现，需要使用第三方依赖“react-loadable”。 安装 使用 一、新建loadable.js l
阅读全文
摘要：list页->detail页 方法一：路由参数 路由导航： 用“/” 路由map： 加"/：id" detail页获取参数： 准确的获取到id，不需要做处理 方法二：查询参数 路由导航： 用“？” 路由map： 不加"/：id" detail页获取参数： 不能准确的获取到id，需要做处理
阅读全文
摘要：每当store里有数据更新时，render()函数就会执行，有时候store的更新数据与本组件并没有关系，render()不必执行。 我们可以用shouldComponentUpdate来优化组件。 但是每个组件都用shouldComponentUpdate会比较麻烦，还可以用另一种方法：用Pure
阅读全文
摘要：在header的reducer.js里把header变成immutable对象之后，在组件里获取focused属性就得这样获取： state是一个js对象，state.header是一个immutable对象，所以调用focused这个属性点时候先用.再用.get（），数据获取行为是不统一的。我们需
阅读全文
摘要：reducer.js中store的数据是不能改变的，用原始的方法要手动的保证store不被修改，存在风险。imutable.js可以生成一个不可改变的对象，可以避免掉自己不小心修改掉store的情况。 1.安装 2.reducer.js中导入immutable，fromJS方法可以把一个普通对象变成
阅读全文
摘要：数据都放在reducer.js下不利于对数据进行管理，可以把一个大的reducer.js拆分成多个小的reducer.js。 小的reducer.js 大的reducer.js 注意在组件中使用“state.header.focused”而不是“state.focused”
阅读全文
摘要：1.安装 2.简单使用 style.js: 组件里：
阅读全文
摘要：安装create-react-app 装完之后，生成一个新的项目，可以使用下面的命令： 创建了my-app目录，这个时候，使用下面的命令就可以开始开发应用了 默认情况下，会在开发环境下启动一个服务器，监听在3000端口，它会主动给你打开浏览器的，可以立刻就看到这个app的效果。 自定义webpack
阅读全文
摘要：react-redux可以方便在react中使用redux,我们就可以忘记subscribe,只需要记住reducer，action和dispatch就可以了。react-redux提供Provider和connect两个接口。 Provider组件应该在应用最外层，传入store即可，只用一次。
阅读全文
摘要：概述： react-saga有3个重要的函数:call ,put takeEvery。 call:在worker saga里执行异步函数； put:异步函数有结果的时候，派发action； takeEvery:当监听到aciton时,执行worker saga。 saga主要用到的是generato
阅读全文
摘要：action在到达store之前会经历一个中间件层，利用redux中间件机制，可以在action响应之前执行其他额外的业务逻辑。中间件指的是是action 与store的中间，是redux的中间件。 1.先安装 2.在index.js里创建store时配置redux-thunk。 要想使用中间件，需
阅读全文
摘要：UI组件负责页面的渲染，又叫傻瓜组件。 容器组件负责逻辑，又叫聪明组件。 当一个组件只有render函数的时候，就可以用无状态组件的形式来定义这个组件。无状态组件怎么定义呢？其实就是一个函数,接受props，返回一段jpx。无状态组件是一个函数，性能高；而普通组件是一个类，还有生命周期函数等东西。所
阅读全文
摘要：Redux是什么？ 是专于状态管理的库 专于状态管理和react解耦 单一状态，单项数据流 核心概念 store state action reducer Redux工作流 react 要改变store里的数据，先要开发一个action,action会通过store.dispatch(action)
阅读全文
