首页下载资源前端redux-1.0.0-rc.zip

ZIPredux-1.0.0-rc.zip

a373733747.2KB需要积分:1

资源文件列表:

redux-1.0.0-rc.zip 大约有98个文件
  1. redux-1.0.0-rc/
  2. redux-1.0.0-rc/.babelrc 35B
  3. redux-1.0.0-rc/.eslintignore 201B
  4. redux-1.0.0-rc/.eslintrc 473B
  5. redux-1.0.0-rc/.gitignore 55B
  6. redux-1.0.0-rc/.npmignore 13B
  7. redux-1.0.0-rc/.travis.yml 38B
  8. redux-1.0.0-rc/CHANGELOG.md 13.24KB
  9. redux-1.0.0-rc/CODE_OF_CONDUCT.md 1.39KB
  10. redux-1.0.0-rc/LICENSE 1.05KB
  11. redux-1.0.0-rc/README.md 18.2KB
  12. redux-1.0.0-rc/ROADMAP.md 382B
  13. redux-1.0.0-rc/docs/
  14. redux-1.0.0-rc/docs/middleware.md 2.7KB
  15. redux-1.0.0-rc/examples/
  16. redux-1.0.0-rc/examples/counter/
  17. redux-1.0.0-rc/examples/counter/.babelrc 17B
  18. redux-1.0.0-rc/examples/counter/actions/
  19. redux-1.0.0-rc/examples/counter/actions/CounterActions.js 559B
  20. redux-1.0.0-rc/examples/counter/components/
  21. redux-1.0.0-rc/examples/counter/components/Counter.js 674B
  22. redux-1.0.0-rc/examples/counter/constants/
  23. redux-1.0.0-rc/examples/counter/constants/ActionTypes.js 108B
  24. redux-1.0.0-rc/examples/counter/containers/
  25. redux-1.0.0-rc/examples/counter/containers/App.js 596B
  26. redux-1.0.0-rc/examples/counter/containers/CounterApp.js 520B
  27. redux-1.0.0-rc/examples/counter/index.html 169B
  28. redux-1.0.0-rc/examples/counter/index.js 126B
  29. redux-1.0.0-rc/examples/counter/package.json 900B
  30. redux-1.0.0-rc/examples/counter/reducers/
  31. redux-1.0.0-rc/examples/counter/reducers/counter.js 291B
  32. redux-1.0.0-rc/examples/counter/reducers/index.js 48B
  33. redux-1.0.0-rc/examples/counter/server.js 420B
  34. redux-1.0.0-rc/examples/counter/webpack.config.js 819B
  35. redux-1.0.0-rc/examples/todomvc/
  36. redux-1.0.0-rc/examples/todomvc/.babelrc 17B
  37. redux-1.0.0-rc/examples/todomvc/actions/
  38. redux-1.0.0-rc/examples/todomvc/actions/TodoActions.js 561B
  39. redux-1.0.0-rc/examples/todomvc/components/
  40. redux-1.0.0-rc/examples/todomvc/components/Footer.js 1.78KB
  41. redux-1.0.0-rc/examples/todomvc/components/Header.js 579B
  42. redux-1.0.0-rc/examples/todomvc/components/MainSection.js 2.11KB
  43. redux-1.0.0-rc/examples/todomvc/components/TodoItem.js 1.63KB
  44. redux-1.0.0-rc/examples/todomvc/components/TodoTextInput.js 1.26KB
  45. redux-1.0.0-rc/examples/todomvc/constants/
  46. redux-1.0.0-rc/examples/todomvc/constants/ActionTypes.js 234B
  47. redux-1.0.0-rc/examples/todomvc/constants/TodoFilters.js 124B
  48. redux-1.0.0-rc/examples/todomvc/containers/
  49. redux-1.0.0-rc/examples/todomvc/containers/App.js 453B
  50. redux-1.0.0-rc/examples/todomvc/containers/TodoApp.js 725B
  51. redux-1.0.0-rc/examples/todomvc/index.html 177B
  52. redux-1.0.0-rc/examples/todomvc/index.js 162B
  53. redux-1.0.0-rc/examples/todomvc/package.json 1000B
  54. redux-1.0.0-rc/examples/todomvc/reducers/
  55. redux-1.0.0-rc/examples/todomvc/reducers/index.js 44B
  56. redux-1.0.0-rc/examples/todomvc/reducers/todos.js 1.04KB
  57. redux-1.0.0-rc/examples/todomvc/server.js 420B
  58. redux-1.0.0-rc/examples/todomvc/webpack.config.js 909B
  59. redux-1.0.0-rc/package.json 1.42KB
  60. redux-1.0.0-rc/scripts/
  61. redux-1.0.0-rc/scripts/browser 172B
  62. redux-1.0.0-rc/scripts/build 59B
  63. redux-1.0.0-rc/scripts/clean 34B
  64. redux-1.0.0-rc/scripts/lint 46B
  65. redux-1.0.0-rc/scripts/prepublish 83B
  66. redux-1.0.0-rc/scripts/test 82B
  67. redux-1.0.0-rc/scripts/test-cov 88B
  68. redux-1.0.0-rc/scripts/test-watch 90B
  69. redux-1.0.0-rc/src/
  70. redux-1.0.0-rc/src/Store.js 1.33KB
  71. redux-1.0.0-rc/src/createStore.js 337B
  72. redux-1.0.0-rc/src/index.js 451B
  73. redux-1.0.0-rc/src/utils/
  74. redux-1.0.0-rc/src/utils/applyMiddleware.js 835B
  75. redux-1.0.0-rc/src/utils/bindActionCreators.js 225B
  76. redux-1.0.0-rc/src/utils/combineReducers.js 1.9KB
  77. redux-1.0.0-rc/src/utils/compose.js 229B
  78. redux-1.0.0-rc/src/utils/composeMiddleware.js 284B
  79. redux-1.0.0-rc/src/utils/isPlainObject.js 146B
  80. redux-1.0.0-rc/src/utils/mapValues.js 165B
  81. redux-1.0.0-rc/src/utils/pick.js 183B
  82. redux-1.0.0-rc/test/
  83. redux-1.0.0-rc/test/createStore.spec.js 6.05KB
  84. redux-1.0.0-rc/test/helpers/
  85. redux-1.0.0-rc/test/helpers/actionCreators.js 417B
  86. redux-1.0.0-rc/test/helpers/actionTypes.js 36B
  87. redux-1.0.0-rc/test/helpers/middleware.js 167B
  88. redux-1.0.0-rc/test/helpers/reducers.js 572B
  89. redux-1.0.0-rc/test/utils/
  90. redux-1.0.0-rc/test/utils/applyMiddleware.spec.js 2.11KB
  91. redux-1.0.0-rc/test/utils/bindActionCreators.spec.js 795B
  92. redux-1.0.0-rc/test/utils/combineReducers.spec.js 2.91KB
  93. redux-1.0.0-rc/test/utils/compose.spec.js 523B
  94. redux-1.0.0-rc/test/utils/composeMiddleware.spec.js 678B
  95. redux-1.0.0-rc/test/utils/isPlainObject.spec.js 535B
  96. redux-1.0.0-rc/test/utils/mapValues.spec.js 331B
  97. redux-1.0.0-rc/test/utils/pick.spec.js 322B
  98. redux-1.0.0-rc/webpack.config.js 676B

资源介绍:

一个可预测的全局状态管理的 JS 库 A JS library for predictable global state management
redux ========================= [![build status](https://img.shields.io/travis/gaearon/redux/master.svg?style=flat-square)](https://travis-ci.org/gaearon/redux) [![npm version](https://img.shields.io/npm/v/redux.svg?style=flat-square)](https://www.npmjs.com/package/redux) [![redux channel on slack](https://img.shields.io/badge/slack-redux@reactiflux-61DAFB.svg?style=flat-square)](http://www.reactiflux.com) Atomic Flux with hot reloading. **The API is likely to change a few times before we reach 1.0.**
**Its [surface area](http://www.youtube.com/watch?v=4anAwXYqLG8) is minimal so you can try it in production and report any issues.** **You can track the [new docs](https://github.com/gaearon/redux/pull/140) and the [1.0 API and terminology changes](https://github.com/gaearon/redux/pull/195).** # Table of Contents - [Why another Flux framework?](#why-another-flux-framework) - [Philosophy & Design Goals](#philosophy--design-goals) - [The Talk](#the-talk) - [Demo](#demo) - [Examples](#examples) - [Simple Examples](#simple-examples) - [ES5 Examples](#es5-examples) - [Async and Universal Examples with Routing](#async-and-universal-examples-with-routing) - [What does it look like?](#what-does-it-look-like) - [Actions](#actions) - [Stores](#stores) - [Components](#components) - [Dumb Components](#dumb-components) - [Smart Components](#smart-components) - [Decorators](#decorators) - [React Native](#react-native) - [Initializing Redux](#initializing-redux) - [Running the same code on client and server](#running-the-same-code-on-client-and-server) - [Additional customization](#additional-customization) - [FAQ](#faq) - [How does hot reloading work?](#how-does-hot-reloading-work) - [Can I use this in production?](#can-i-use-this-in-production) - [How do I do async?](#how-do-i-do-async) - [But there are switch statements!](#but-there-are-switch-statements) - [What about `waitFor`?](#what-about-waitfor) - [My views aren't updating!](#my-views-arent-updating) - [How do Stores, Actions and Components interact?](#how-do-stores-actions-and-components-interact) - [Discussion](#discussion) - [Inspiration and Thanks](#inspiration-and-thanks) ## Why another Flux framework? Read **[The Evolution of Flux Frameworks](https://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31)** for some context. ### Philosophy & Design Goals * You shouldn't need a book on functional programming to use Redux. * Everything (Stores, Action Creators, configuration) is hot reloadable. * Preserves the benefits of Flux, but adds other nice properties thanks to its functional nature. * Prevents some of the anti-patterns common in Flux code. * Works great in [universal (aka “isomorphic”)](https://medium.com/@mjackson/universal-javascript-4761051b7ae9) apps because it doesn't use singletons and the data can be rehydrated. * Doesn't care how you store your data: you may use JS objects, arrays, ImmutableJS, etc. * Under the hood, it keeps all your data in a tree, but you don't need to think about it. * Lets you efficiently subscribe to finer-grained updates than individual Stores. * Provides hooks for powerful devtools (e.g. time travel, record/replay) to be implementable without user buy-in. * Provides extension points so it's easy to [support promises](https://github.com/gaearon/redux/issues/99#issuecomment-112212639) or [generate constants](https://gist.github.com/skevy/8a4ffc3cfdaf5fd68739) outside the core. * No wrapper calls in your stores and actions. Your stuff is your stuff. * It's super easy to test things in isolation without mocks. * You can use “flat” Stores, or [compose and reuse Stores](https://gist.github.com/gaearon/d77ca812015c0356654f) just like you compose Components. * The API surface area is minimal. * Have I mentioned hot reloading yet? ## The Talk Redux was demoed together with **[React Hot Loader](https://github.com/gaearon/react-hot-loader)** at React Europe. Watch **[Dan Abramov's talk on Hot Reloading with Time Travel](https://www.youtube.com/watch?v=xsSnOQynTHs).** ## Demo ## Examples ### Simple Examples Redux is distributed with a Counter and a TodoMVC example in its source code. First, clone the repo: ``` git clone https://github.com/gaearon/redux.git cd redux ``` Run the Counter example: ``` cd redux/examples/counter npm install npm start ``` Run the TodoMVC example: ``` cd ../todomvc npm install npm start ``` ### ES5 Examples If you have not used ES6 before, check out one of these ES5 examples: * [redux-todomvc-es5](https://github.com/insin/redux-todomvc-es5) ### Async and Universal Examples with Routing These async and [universal (aka “isomorphic”)](https://medium.com/@mjackson/universal-javascript-4761051b7ae9) examples using React Router should help you get started: * [redux-react-router-async-example](https://github.com/emmenko/redux-react-router-async-example): Work in progress. Semi-official. Only the client side. Uses React Router. * [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example): Universal. Uses React Router. * [redux-example](https://github.com/quangbuule/redux-example): Universal. Uses Immutable, React Router. * [isomorphic-counter-example](https://github.com/khtdr/redux-react-koa-isomorphic-counter-example): Universal. A bare-bone implementation of the [counter example app](https://github.com/gaearon/redux/tree/master/examples/counter). Uses promises-middleware to interact with API via Koa on the server. * [Awesome list](https://github.com/xgrommx/awesome-redux) Don’t be shy, add your own! ## What does it look like? ### Actions ```js // Still using constants... import { INCREMENT_COUNTER, DECREMENT_COUNTER } from '../constants/ActionTypes'; // But action creators are pure functions returning actions export function increment() { return { type: INCREMENT_COUNTER }; } export function decrement() { return { type: DECREMENT_COUNTER }; } // Can also be async if you return a function export function incrementAsync() { return dispatch => { setTimeout(() => { // Yay! Can invoke sync or async actions with `dispatch` dispatch(increment()); }, 1000); }; } // Could also read state of a store in the callback form export function incrementIfOdd() { return (dispatch, getState) => { const { counter } = getState(); if (counter % 2 === 0) { return; } dispatch(increment()); }; } ``` ### Stores ```js // ... too, use constants import { INCREMENT_COUNTER, DECREMENT_COUNTER } from '../constants/ActionTypes'; // what's important is that Store is a pure function, // and you can write it anyhow you like. // the Store signature is (state, action) => state, // and the state shape is up to you: you can use primitives, // objects, arrays, or even ImmutableJS objects. export default function counter(state = 0, action) { // this function returns the new state when an action comes switch (action.type) { case INCREMENT_COUNTER: return state + 1; case DECREMENT_COUNTER: return state - 1; default: return state; } // BUT THAT'S A SWITCH STATEMENT! // Right. If you hate 'em, see the FAQ below. } ``` ### Components #### Dumb Components ```js // The dumb component receives everything using props: import React, { PropTypes } from 'react'; export default class Counter { static propTypes = { increment: PropTypes.func.isRequired, decrement: PropTypes.func.isRequired, counter: PropTypes.number.isRequired }; render() { const { increment, decrement, counter } = this.props; return (

Clicked: {counter} times {' '} {' '}

); } } ``
100+评论
captcha

    相关资源

    1. redux-0.11.1.zip

      a3737337#前端ZIP34.29KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    2. redux-1.0.0-alpha.zip

      a3737337#前端ZIP55.74KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    3. redux-1.0.0.zip

      a3737337#前端ZIP154.42KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    4. redux-2.1.0.zip

      a3737337#前端ZIP24.71KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    5. redux-0.12.0.zip

      a3737337#前端ZIP41.3KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    6. redux-0.11.0.zip

      a3737337#前端ZIP31.88KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    7. redux-0.10.1.zip

      a3737337#前端ZIP31.72KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management

    8. redux-0.9.0.zip

      a3737337#前端ZIP19.12KB6月前
      资源摘要:一个可预测的全局状态管理的 JS 库A JS library for predictable global state management
    站长QQ:九六九五七三七