redux-zero - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

package.json

 {
   "name": "redux-zero",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "",
@@ -34,2 +34,5 @@ "main": "dist/redux-zero.cjs.js",
     ],
+    "setupFiles": [
+      "<rootDir>/__tests__/testSetup.js"
+    ],
     "transform": {
@@ -48,2 +51,4 @@ "^.+\\.(ts|tsx)$": "<rootDir>/preprocessor.js"
     "@types/react": "^16.0.9",
+    "enzyme": "3.1.0",
+    "enzyme-adapter-react-16": "1.0.1",
     "jest": "^21.2.1",
@@ -50,0 +55,0 @@ "prettier": "^1.7.4",

README.md

 # redux-zero
 
-![](http://img.badgesize.io/concretesolutions/redux-zero/master/dist/redux-zero.min.js)
-![](http://img.badgesize.io/concretesolutions/redux-zero/master/dist/redux-zero.min.js?compression=gzip)
-[![build](https://img.shields.io/travis/concretesolutions/redux-zero/master.svg)](https://travis-ci.org/concretesolutions/redux-zero)
-[![downloads](https://img.shields.io/npm/dm/redux-zero.svg)](https://www.npmjs.com/package/redux-zero)
-[![npm](https://img.shields.io/npm/v/redux-zero.svg)](https://www.npmjs.com/package/redux-zero)
+### A lightweight state container based on Redux
+
+- Single store
+- No reducers
+- Less boilerplate
+- Smaller and simpler than [redux](https://github.com/reactjs/redux)
+- Written in TypeScript
+
+
+[![build](https://img.shields.io/travis/concretesolutions/redux-zero/master.svg?style=flat-square)](https://travis-ci.org/concretesolutions/redux-zero)
+[![npm](https://img.shields.io/npm/v/redux-zero.svg?style=flat-square)](https://www.npmjs.com/package/redux-zero)
+[![downloads](https://img.shields.io/npm/dm/redux-zero.svg?style=flat-square)](https://www.npmjs.com/package/redux-zero)
+[![license](https://img.shields.io/github/license/mashape/apistatus.svg?style=flat-square)]()
+[![dependencies](https://img.shields.io/david/expressjs/express.svg?style=flat-square)]()
+
+## Installation
+
+To install the stable version:
+
+```
+npm install --save redux-zero
+```
+
+This assumes that you’re using [npm](https://www.npmjs.com/) with a module bundler like [Webpack](http://webpack.github.io)
+
+## How
+
+**ES2015+ or TypeScript:**
+
+```js
+import { createStore, Provider, connect } from 'redux-zero'
+```
+
+**CommonJS:**
+
+```js
+var createStore = require('redux-zero').createStore;
+var Provider = require('redux-zero').Provider;
+var connect = require('redux-zero').connect;
+```
+
+**UMD:**
+
+```html
+<script src="https://unpkg.com/redux-zero/dist/redux-zero.min.js"></script>
+```
+
+## Example
+
+Let's make an increment/decrement simple application:
+
+First create your store. This is where your application state will live:
+
+```js
+/* store.js */
+import { createStore } from 'redux-zero';
+
+const initialState = { count: 1 };
+const store = createStore(initialState);
+
+export default store;
+```
+
+Then create your actions. This is where you change the state from your store:
+
+```js
+/* actions.js */
+import store from "./store";
+
+export const increment = () => {
+  store.setState({
+    count: store.getState().count + 1
+  })
+}
+
+export const decrement = () => {
+  store.setState({
+    count: store.getState().count - 1
+  })
+}
+```
+
+Now create your component. With **redux-zero** your component can focus 100% on the UI and just call the actions that will automatically update the state:
+
+```js
+/* Counter.js */
+import React from "react";
+import { connect } from "redux-zero";
+
+import { increment, decrement } from "./actions";
+
+const mapToProps = ({ count }) => ({ count });
+
+export default connect(mapToProps)(({ count }) => (
+  <div>
+    <h1>{count}</h1>
+    <div>
+      <button onClick={increment}>increment</button>
+      <button onClick={decrement}>decrement</button>
+    </div>
+  </div>
+));
+```
+
+Last but not least, plug the whole thing in your index file:
+
+```js
+/* index.js */
+import React from "react";
+import { render } from "react-dom";
+import { Provider } from "redux-zero";
+
+import store from "./store";
+
+import Counter from "./Counter";
+
+const App = () => (
+  <Provider context={{ store }}>
+    <Counter />
+  </Provider>
+);
+
+render(<App />, document.getElementById("root"));
+```
+
+Here's the full version: [https://codesandbox.io/s/n5orzr5mxj](https://codesandbox.io/s/n5orzr5mxj)
+
+## Inspiration
+**redux-zero** was based on this [gist](https://gist.github.com/developit/55c48d294abab13a146eac236bae3219) by [@developit](https://github.com/developit)
+
+## Roadmap
+- Remove PropTypes
+- Improving integration with Preact
+- Propertly use TypeScript
+
+## Docs
+
+* [Contributing](https://github.com/concretesolutions/redux-zero.js/blob/master/CONTRIBUTING.md)
+* [Changelog](https://github.com/concretesolutions/redux-zero.js/blob/master/CHANGELOG.md)
+* [Code of Conduct](https://github.com/concretesolutions/redux-zero.js/blob/master/CODE_OF_CONDUCT.md)
+* [License](https://github.com/concretesolutions/redux-zero.js/blob/master/LICENSE.md)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

44332

increased by25.91%

Number of package files

28

increased by16.67%

Lines of code

589

increased by6.13%

Number of lines in readme file

144

increased by1700%

Worsened metrics

Dev dependency count

18

increased by12.5%

No dependency changes