轻量级状态容器 Redux Zero

轻量级状态容器 Redux Zero

MIT
TypeScript 查看源码»
跨平台
2018-06-26
h4cd

jh6688.com_【官方首页】-3G计划网Redux Zero 是基于 Redux 的轻量级状态容器,单存储并且不含 reducers。 用 TypeScript 编写而成,非常小,并且具有 Preact、React、Svelte 和 Vue 的绑定。

项目的初衷是 Redux 因为在某些情况下过于复杂,比如也许开发者不想将所有的样板文件添加到项目中,或者 Redux 的学习曲线太过陡峭,而开发者只是想要更简单地工作。

Redux Zero 库大小小于 1kb(gzip),而学习曲线又很低,而其“Zero”也就来源如下:

  • No reducers ==> zero reducers

  • It’s lightweight ==> zero calories

Installation

npm install --save redux-zero

// or

yarn add redux-zero

Usage

将主包和绑定导入一个受支持的框架中:

// the store
import createStore from 'redux-zero';

// react bindings
import { Provider, connect } from 'redux-zero/react';

// preact bindings
import { Provider, Connect } from 'redux-zero/preact';

// svelte bindings
import { connect, getActions } from 'redux-zero/svelte';

// vue bindings
import { connect } from 'redux-zero/vue';

或者通过 UMD 使用:

<!-- the store -->
<script src="http://unpkg.com/redux-zero/dist/redux-zero.min.js"></script>

<!-- for preact -->
<script src="http://unpkg.com/redux-zero/preact/index.min.js"></script>

<!-- for react -->
<script src="http://unpkg.com/redux-zero/react/index.min.js"></script>

<!-- for svelte -->
<script src="http://unpkg.com/redux-zero/svelte/index.min.js"></script>

<!-- for vue -->
<script src="http://unpkg.com/redux-zero/vue/index.min.js"></script>
的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

State of the Art JavaScript in 2016

State of the Art JavaScript in 2016 Image “Question!” by Stefan Baudy, CC BY 2.0 So, you’re starting a brand new JavaScript front end project or overhauling an old one, and m...

2016/03/12 23:30
23
1
react-05

# 0. redux要点 1. redux理解 2. redux相关API 3. redux核心概念(3个) 4. redux工作流程 5. 使用redux及相关库编码 #1. redux理解 什么?: redux是专门做状态管理的独立第3方库, 不是react插件...

2019/03/21 15:12
4
0
redux-promise和redux-thunk结合体 redux-promise-thunk (适用于redux-action)

github地址:redux-promise-thunk 之前redux开发中用的redux-thunk第三方中间件,既能解决redux的异步问题,又能在action执行中获得dispatch和getState(),给开发带来很多方便。 后来进入别的...

01/04 15:51
33
0
React+Redux系列教程

参考项目:http://github.com/lewis617/react-redux-tutorial 参考项目下载地址:http://github.com/lewis617/react-redux-tutorial.git React+Redux系列教程 react+redux教程(一)conne...

2016/08/20 23:29
195
0
什么是Redux,为什么使用Redux,怎么使用Redux

1、什么是Redux 官方解释:Redux is a predictable state container for JavaScript apps. 意思就是Redux是js应用的 一种可预测的状态容器 2、为什么使用Redux 下面的图是不使用Redux和使用R...

2018/07/20 13:48
4.6K
2
react从入门到放弃 之 redux

redux的同步 异步 中间件

2016/06/19 02:44
144
0
React16+Redux 实战企业级大众点评WebApp

jh6688.com_【官方首页】-3G计划网第1章 课程介绍 本章主要介绍课程大纲、课程目标,以及开发环境搭建和实战案例演示。 1-1 课程导学 试看 1-2 前置准备 第2章 React项目脚手架:create-react-app 本章介绍React生态中最流行的...

2019/03/21 11:24
12
0
React-native项目中使用redux

准备工作 根据需要安装以下组件。 redux(必选) react-redux(必选):redux作者为方便在react上使用redux开发的一个用户react上的redux库; redux-devtools(可选):Redux开发者工具支持热加载、...

2019/03/22 14:41
118
0
Flutter高内聚组件怎么做?阿里闲鱼打造开源高效方案!

作者:闲鱼技术-海潴 -- fish_redux是闲鱼技术团队打造的flutter应用开发框架,旨在解决页面内组件间的高内聚、低耦合问题。开源地址:http://github.com/alibaba/fish-redux 从react_redux...

2019/05/24 10:26
37
0
Flutter高内聚组件怎么做?阿里闲鱼打造开源高效方案!

fish_redux是闲鱼技术团队打造的flutter应用开发框架,旨在解决页面内组件间的高内聚、低耦合问题。开源地址:http://github.com/alibaba/fish-redux 从react_redux说起 redux对于前端的同学...

2019/05/24 10:35
10
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部

页面底部区域 foot.htm