test-sorrycc-2

0.0.14 • Public • Published

dva

NPM version Build Status Coverage Status NPM downloads

Lightweight elm-style framework based on react and redux.


Documents

Getting Started

Install

$ npm install --save dva

Usage Example

Let's create an count app that changes when user click the + or - button.

import React from 'react';
import dva, { connect } from 'dva';
import { Router, Route } from 'dva/router';
 
// 1. Initialize
const app = dva();
 
// 2. Model
app.model({
  namespace: 'count',
  state: 0,
  reducers: {
    ['count/add'  ](count) { return count + 1 },
    ['count/minus'](count) { return count - 1 },
  },
});
 
// 3. View
const App = connect(({ count }) => ({
  count
}))(function(props) {
  return (
    <div>
      <h2>{ props.count }</h2>
      <button key="add" onClick={() => { props.dispatch({type: 'count/add'})}}>+</button>
      <button key="minus" onClick={() => { props.dispatch({type: 'count/minus'})}}>-</button>
    </div>
  );
});
 
// 4. Router
app.router(({ history }) =>
  <Router history={history}>
    <Route path="/" component={App} />
  </Router>
);
 
// 5. Start
app.start(document.getElementById('root'));

Examples

FAQ

dva 命名的来历 ?

dva 是守望先锋 (overwatch) 里的英雄。我喜欢使用这个角色,拥有强大的机甲,是个坚实的肉盾,并且她是唯一背景是真实的电竞选手,来自韩国。

License

MIT

Package Sidebar

Install

npm i test-sorrycc-2

Weekly Downloads

2

Version

0.0.14

License

MIT

Last publish

Collaborators

  • sorrycc