【redux】详解react/redux的服务端渲染：页面性能与SEO
亟待解决的疑问为什么服务端渲染首屏渲染快？（对比客户端首屏渲染）react客户端渲染的一大痛点就是首屏渲染速度慢问题，因为react是一个单页面应用，大多数的资源需要在首次渲染前就加载好，这较大程度地拖慢了首屏渲染速度。有一些方式能够较好地解决这个问题：1.webpack的按需加载（代码分割）htt...
[React] 11 - Redux: redux
Ref: Redux中文文档Ref: React 讀書會 - B團 - Level 19 Redux 深入淺出Ref: React+Redux 分享會Ruan Yifeng, Redux 架构： 教程一（有代码）、教程二、教程三Redux 入门教程 #1 课程介绍Redux 入门教程 #2 为什么需...
React-使用react-redux
react-redux可以方便在react中使用redux,我们就可以忘记subscribe,只需要记住reducer，action和dispatch就可以了。react-redux提供Provider和connect两个接口。Provider组件应该在应用最外层，传入store即可，只用一次。Co...
react + redux 完整的项目，同时写一下个人感悟
先附上项目源码地址和原文章地址：https://github.com/bailicangd...做React需要会什么？react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责u...
redux-saga框架使用详解及Demo教程
redux-saga框架使用详解及Demo教程前面我们讲解过redux框架和dva框架的基本使用，因为dva框架中effects模块设计到了redux-saga中的知识点，可能有的同学们会用dva框架，但是对redux-saga又不是很熟悉，今天我们就来简单的讲解下saga框架的主要API和如何配合...
react-redux-action
Action 是把数据从应用(view等)传到 store 的有效载荷，store.dispatch() 将 action 传到 store。//尽量减少在 action 中传递的数据//action创建函数创建actionconst addTodo=(text)=>{ return {...
正式学习React(五) react-redux源码分析
磨刀不误砍柴工，咱先把react-redux里的工具函数分析一下：源码点这里 shallowEqual.js export default function shallowEqual(objA, objB) { if (objA === objB) { return true } ...
从无到有-在create-react-app基础上接入react-router、redux-saga
搭建项目框架新建项目执行如下代码，用create-react-app来建立项目的基础框架，然后安装需要用到的依赖。$ npx create-react-app my-test-project$ cd my-test-project$ yarn add react-router-dom react-r...
react+redux官方实例TODO从最简单的入门（3）-- 删
上一篇文章我们实现了增删改查中《增》这个功能那么这一篇我们将实现第二个功能，删！首先增加一个状态：actions中增加对应的约定到reducer里面设置执行的函数（这里todo.id当然是等于action.id，所以返回false）然后给子组件，增加这个方法现在删除这个功能也实现了，这个不好演示，写...
对redux的粗略理解
redux是一个js库，用于前端应用的状态管理，但是在一个较小的项目中，即一个并不需要太多交互的项目中完全可以不用redux,非要使用的话反而增加了项目的复杂度。关于redux就是状态与数据一一对应，数据变化状态更新。redux的特点：1，可预测性。2，可扩展性。可预测性：redux的可预测性是由三...
rematch：当你受不了redux繁琐写法的时候，是时候了解一波rematch了
前言：前段时间学习完react后，刚好就接到公司一个react项目的迭代，顺便巩固一下前段时间的学习成果。项目使用的是redux+react-router，将所有的数据都放在redux中，异步处理数据使用redux-saga。由于是迭代项目，所以代码风格还是沿用之前项目的写法，将所有的数据都放在re...
数据流 in redux
前不久用react和react-router写了个单页面应用，但写完后总感觉还欠缺点什么，组件间的状态和数据相对较为独立，而且兄弟组件间的通信很不方便。然后才了解到，在react应用中，可以存在一个负责整合数据流向的框架，于是就选择了redux.根据我的理解下面说一下redux的思想：redux由三...
Redux管理你的React应用
使用Redux管理你的React应用因为redux和react的版本更新的比较频繁，博客园这里用的redux版本是1.0.1，如果你关心最新版本的使用技巧，欢迎来我的Github查看(https://github.com/matthew-sun/blog/issues/18) ，我会在这里进行持续的...
redux-form的学习笔记二--实现表单的同步验证
（注：这篇博客参考自redux-form的官方英文文档）左转http://redux-form.com/6.5.0/examples/syncValidation/在这篇博客里，我将用redux-form实现一个同步验证的表单，它将满足以下条件：1有三个输入框：用户名输入框（username），邮箱...
基于React,Redux以及wilddog的聊天室简单实现
本文主要是使用ReactJs和Redux来实现一个聊天功能的页面，页面极其简单。使用React时间不长，还是个noob，有不对之处欢迎大家吐槽指正。还要指出这里没有使用到websocket等技术来实现后端逻辑，而是使用了wilddog充当后端。具体关于wilddog的介绍，戳这里。目标：我期望的页面...
react+react-router+react-redux+nodejs+mongodb项目
一个实际项目(OA系统)中的部分功能。这个demo中引入了数据库，数据库使用了mongodb。安装mongodb才能运行完整的功能。要看完整的项目可以移步我的github技术栈React v15.6.2react-reduxreduxreact-router-domwebpacknodeJsmong...
通过Redux源码学习基础概念一：简单例子入门
最近公司有个项目使用react+redux来做前端部分的实现，正好有机会学习一下redux，也和小伙伴们分享一下学习的经验。首先声明一下，这篇文章讲的是Redux的基本概念和实现，不包括react-redux。源码地址：https://github.com/lyc-chengzi/reactProj...
react+redux教程（六）redux服务端渲染流程
今天，我们要讲解的是react+redux服务端渲染。个人认为，react击败angular的真正“杀手锏”就是服务端渲染。我们为什么要实现服务端渲染，主要是为了SEO。例子例子仍然是官方的计数器例子，不过我们实现了服务端渲染和state预加载。源代码：https://github.com/lewi...
react+redux官方实例TODO从最简单的入门（6）-- 完结
通过实现了增-->删-->改-->查，对react结合redux的机制差不多已经了解，那么把剩下的功能一起完成吧全选1、声明状态，这个是全选状态2、action约定3、reducers，更新store4、底层组件实现函数5、上层组件数据传递到这里全选的功能就实现了显示action的...
重写官方TodoList，对于初学react+redux的人来说，很有好处
虽然官网的TodoList的例子写的很详细，但是都是一步到位，就是给你一个action，好家伙，全部都写好了，给你一个reducer，所有功能也是都写好了，但是我们这些小白怎么可能一下就消化那么多，那我们就来拆解，一步一步实现，试想我们开发程序也是一个一个功能区域实现，那么我们第一步就是先把整体结构...