博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Redux 6 - 入门:生态系统(Ecosystem)
阅读量:4084 次
发布时间:2019-05-25

本文共 6829 字,大约阅读时间需要 22 分钟。

http://testudy.cc/tech/

Redux is a tiny library, but its contracts and APIs are carefully chosen to spawn an ecosystem of tools and extensions.

Redux应该算做一个微型库,但在其严格的约束和严谨的API基础之上衍生出一套完整的工具和扩展的系统。

For an extensive list of everything related to Redux, we recommend . It contains examples, boilerplates, middleware, utility libraries, and more.  contains tutorials and other useful resources for anyone learning React or Redux, and  lists many Redux-related libraries and addons.

如果要查找Redux相关的信息清单,推荐去站点。这个站点包含了示例、脚手架、中间件、工具库等等。站点里面有一套相关教程,也包含其他有用的React和Redux相关资源。站点搜集了Redux相关库和插件清单。

On this page we will only feature a few of them that the Redux maintainers have vetted personally. Don’t let this discourage you from trying the rest of them! The ecosystem is growing too fast, and we have a limited time to look at everything. Consider these the “staff picks”, and don’t hesitate to submit a PR if you’ve built something wonderful with Redux.

在当前页面中,仅仅列举出Redux系统中由Redux作者审核过的一小部分。这不是你拒绝尝试除此之外项目的理由,也不用顾虑这份”员工精选“,相反当你创建出漂亮的Redux项目时请毫不迟疑的提交一个PR来扩展维护这个页面。Redux系统发展太快,而我的时间有限不能看全所有相关内容。

学习Redux(Learning Redux)

录屏视频(Screencasts)

  •  — Learn the basics of Redux directly from its creator (30 free videos)
  •  — Build a simple photo app that will simplify the core ideas behind Redux, React Router and React.js

  •  — 直接跟随Redux作者进行基础学习(包含30个免费视频)
  •  — 构建一个简单的照片App,快速学习Redux、React Router和React.js的核心思想。

示例应用(Example Apps)

  •  — A few official examples covering different Redux techniques
  •  — A SoundCloud client built with Redux
  •  — Create graffiti on your GitHub contributions wall
  •  — How to plug into React, one block at a time.

  •  — 涵盖Redux技术不同方面的官方示例
  •  — 基于Redux构建的SoundCloud客户端
  •  — 在你的Github贡献墙上创建涂鸦
  •  — 如何一个一个模块搭建React。

教程和文章(Tutorials and Articles)

演讲(Talks)

  •  — See how constraints enforced by Redux make hot reloading with time travel easy
  •  — Learn how to gradually migrate existing MVC applications to Redux
  •  — An intro to Redux architecture

  •  — 看看在Redux的强约束之下热加载和时间旅行会变得多么容易
  •  — 学习如何将现存的MVC应用逐步迁移到Redux
  •  — Redux架构简介

Redux使用(Using Redux)

绑定(Bindings)

  •  — React
  •  — Angular
  •  — Angular 2
  •  — Backbone
  •  — Falcor
  •  — Deku
  •  - Polymer
  •  - Ember.js

中间件(Middleware)

  •  — 编写异步Action最简单的方式(The easiest way to write async action creators)
  •  — 符合FSA规范的Promise中间件(-compliant promise middleware)
  •  — 使用axios HTTP客户端获取数据的Redux中间件(Redux middleware for fetching data with axios HTTP client)
  •  — RxJS中间件(RxJS middleware for action side effects using “Epics”)
  •  — 记录Redux中每一个Action和State日志(Log every Redux action and the next state)
  •  — 在开发过程中预警状态突变(Warns about state mutations in development)
  •  — 在开发过程中预警不产生状态变化的Action(Warns about actions that produced no state changes in development)
  •  — Redux统计中间件(Analytics middleware for Redux)
  •  — Redux生成器中间件(Generator middleware for Redux)
  •  — Redux应用中一个可替代的副作用模型(An alternative side effect model for Redux apps)
  •  — Redux中组合位Cerebral形式的信号(Composable Cerebral-style signals for Redux)
  •  — 在Redux中使用的为GraphQL和UI框架使用的缓存客户端(A simple caching client for any GraphQL server and UI framework built on top of Redux)

路由(Routing)

  •  — 同步绑定React Router和Redux(Ruthlessly simple bindings to keep React Router and Redux in sync)
  •  — 使React和Redux合作顺畅的同意数据获取和路由生命周期管理(Universal data fetching and route lifecycle management for React that works great with Redux)

组件(Components)

  •  — 在Redux中保持React表单状态(Keep React form state in Redux)
  •  — 在使用Redux的React中简化表单创建(Create forms easily in React with Redux)

功能增强(Enhancers)

  •  — 自定义批处理Store订阅者(Customize batching and debouncing calls to the store subscribers)
  •  — 基于Action的历史记录过渡(History transitions based on arbitrary actions)
  •  — 乐观的Action应用,允许延后提交或者撤销(Optimistically apply actions that can be later committed or reverted)
  •  — Reducer增强,用于不可知状态的乐观更新(A reducer enhancer to enable type-agnostic optimistic updates)
  •  — 无副作用的Undo/Redo Action历史(Effortless undo/redo and action history for your reducers)
  •  — 忽略数据和过滤方法的Redux Action调用(Ignore redux actions by array or filter function)
  •  — 重置确定Action的Redux状态(Reset the redux state on certain actions)
  •  — 使用单个订阅者通知派发若干个Action(Dispatch several actions with a single subscriber notification)
  •  — 在Webwork中自动索引资源,并且进行不阻塞的搜索(Automatically index resources in a web worker and search them without blocking)
  •  — 跨Electron进程同步Redux Store(Store enhancers that synchronize Redux stores across Electron processes)
  •  — 序列化Reducer的返回结果(Sequence effects purely and naturally by returning them from your reducers)
  •  — Side-Effects生成工具(Utilize Generators for declarative yielding of side effects from your pure reducers)

工具(Utilities)

  •  — 灵感源自NuclearJS的数据选择器(Efficient derived data selectors inspired by NuclearJS)
  •  — 规范化API嵌套数据响应(Normalize nested API responses for easier consumption by the reducers)
  •  — Reducer和Action脚手架(Reduces the boilerplate in writing reducers and action creators)
  •  — 规范化使用Reducer和Action的约束库(An opinionated library for making reducers and action creators)
  •  — Redux转换器工具(Transducer utilities for Redux)
  •  — 用于Immutable.js的combineReducers等效方法(Used to create an equivalent function of Redux combineReducers that works with  state.)
  •  — Redux状态和行为不可变和类型检查工具(Immutable and type-checked state and actions for Redux)
  •  — App测试时的Store Mock工具(Mock redux store for testing your app)
  •  — Redux Action测试断言工具(Assertions for Redux actions testing)
  •  — 封装的Redux应用启动方法(Bootstrapping function for Redux applications)

开发工具(DevTools)

  •  — Action日志工具,用来记录时间旅行、热加载和错误处理(An action logger with time travel UI, hot reloading and error handling for the reducers, )
  •  — Redux Devtools的Chrome扩展,并提供了额外的功能(A Chrome extension wrapping Redux DevTools and providing additional functionality)

开发监视工具(DevTools Monitors)

  •  — Redux DevTools默认的树形视图查看工具(The default monitor for Redux DevTools with a tree view)
  •  — 一个可调整大小、可移动的Redux DevTools监视Dock(A resizable and movable dock for Redux DevTools monitors)
  •  — 自定义Action监视(A custom monitor for Redux DevTools to replay recorded Redux actions)
  •  — 检查器(A custom monitor for Redux DevTools that lets you filter actions, inspect diffs, and pin deep paths in the state to observe their changes)
  •  — Action之后State Diff监视(A monitor for Redux Devtools that diffs the Redux store mutations between actions)
  •  — 可过滤树形视图(Filterable tree view monitor for Redux DevTools)
  •  — Redux DevTools的图形化监视器(A chart monitor for Redux DevTools)
  •  — 可过滤Action监视器(Redux DevTools composable monitor with the ability to filter actions)

社区规范(Community Conventions)

  •  — 人类友好的Flux Action对象标准(A human-friendly standard for Flux action objects)
  •  — Reducer嵌套组件标准(An opinionated standard for nested reducer composition)
  •  — Reducer集合、Action类型和Action规范建议(A proposal for bundling reducers, action types and actions)

翻译(Translations)

  •  — Chinese
  •  — Traditional Chinese
  •  — Russian
  •  - Spanish

更多(More)

 is an extensive list of Redux-related repositories.

 is a curated list of high-quality articles, tutorials, and related content for React, Redux, ES6, and more.
 is a categorized collection of Redux-related libraries, addons, and utilities.

是一个Redux相关资源库清单。

是一个包含React、Redux、ES6等高质量文章、教程等相关内容的精选列表。
 Redux相关库、插件和工具的分类列表。

转载地址:http://lkeni.baihongyu.com/

你可能感兴趣的文章
How large a training set is needed?
查看>>
Training set size for neural networks considering curse of dimensionality
查看>>
数据集样本类别不均衡时,训练测试集应该如何做?
查看>>
分类问题样本数据不平衡的几个解决办法
查看>>
SMOTE for Imbalanced Classification with Python
查看>>
数据指标的权重确定
查看>>
机器学习100+问
查看>>
机器学习需要多少训练数据?
查看>>
谈Elasticsearch下分布式存储的数据分布
查看>>
史上最全采样方法详细解读与代码实现
查看>>
机器学习常见的采样方法
查看>>
深度生成模型之自编码器(AutoEncoder)
查看>>
自编码器(VAE)利用重建概率的异常检测
查看>>
生成对抗网络 | 实验
查看>>
矩阵补全(Matrix Completion)和缺失值预处理
查看>>
信道编码之纠删码编码
查看>>
计算机视觉中的注意力机制
查看>>
用于心电疾病诊断的深度学习模型库
查看>>
Mujoco以及mujoco_py在win10下的从零开始无脑安装法
查看>>
win10安装mujoco150出现distutils.errors.错误
查看>>