使用 react 有段时间了,总感觉用的不够深入,连最基本异步处理方案 redux-saga 也才是前端时间刚学的。鉴于此,在 github 上搜了下相关的 react 项目,找到了一个外国人写的一个项目,看了内部 re…
标签:redux
Redux入门0x103: 拆分多个 reducer
0x001 概述 这一章讲多个reducer怎么处理,并将ledux搞成支持支持多个reducer 0x002 拆封reducer import {createStore, combineReducers} from '…
Redux入门0x102: redux 栗子之 counter
0x000 概述 这一章讲一些栗子 0x001 原生+redux实现counter 修改模板 <!doctype html> <html> <head> <title>Re…
TypeScript 3.0 + React + Redux 最佳实践
首先声明, 这篇文章是想说明一下最新版本的 TypeScript(3.0) 的新特性带来的极大的 React 开发体验提升. 而不是如何利用 TypeScript 开发 React 应用. 这个特性就是对defaultP…
redux+react-redux+示例的快速上手体验
本文主要记录下自己在react道路上的爬坑过程 以及对于刚学习redux的同学提供一些可供参考的例子。 之前用vue用了很久 vue的语法糖用起来是真的舒服 不过现在公司项目用的是react 只好默默的从vue转到rea…
融合了Next.js和Dva的高效前端架构-@symph/joy
@symph/joy 介绍 https://lnlfps.github.io/symph-joy @symph/joy的目标是创建愉悦的前端应用,拥有了next.js的服务端渲染和零配置能力,也能像dva一样轻松的开发前…
React全家桶项目
开篇 利用业余时间,做了个React项目,算是成品吧,比较简单,还有很多瑕疵。目录结构相当简单。没有数据库,你们运行不起来。想运行起来的话,把express调用数据库的部分全删掉,写死数据。 ak47 这个集成了Reac…
react-redux 之bindActionCreators
最近在学react,从github上下了个star比较多的项目来学习。遇到了下面这样的代码 export const loginSuccessCreator = (userName) => { return {ty…
React 教程第十五篇 —— 项目应用
实现 该案例是以中间件调用 nodejs 的公共接口,实现一个数据列表。 源码下载:https://github.com/dk-lan/rea… 效果预览 用户名和密码都为空 源码下载后执行下面步骤例可查看效…
React 教程第十四篇 —— Redux 跨组件通信高级篇之中间件
Redux 复习总结 在前面三篇 Redux 的教程中已详细提到 Redux 的实现,大概可可以总结以下几点 Redux 有Actions、Reducer、Store这三层 通过createStore(reducer)得…
React 教程第十二篇 —— Redux 跨组件通信入门之 combineReducers
结构 component1 actions.js reducer.js component1.js component2 actions.js reducer.js component.js redux store.js…
React 教程第十一篇 —— Redux 简介和简单实现
Redux 前端框架的组件式开发永远有一道鸿沟——跨组件通信。我在 Vue 教程中有提到过,如果对跨组件通信不明白的可先跳过去看看。 React 不同与双向数据绑定框架,它是单向数据流,所以每次更新都得调用setStat…