redux-fluent - npm Package Compare versions

Comparing version 0.18.0 to 0.19.1

build/redux-fluent.development.js

 /**!
-  * @build-info development - Sat Jan 06 2018 11:29:33 GMT+0000 (UTC)
+  * @build-info development - Sat Jan 06 2018 17:02:25 GMT+0000 (UTC)
 
   * @name redux-fluent
-  * @version 0.18.0
+  * @version 0.19.1
   * @author Code-Y (https://github.com/Code-Y)
@@ -7,0 +7,0 @@ * @description Tiny and eloquent way to manage a redux-like state manager

build/redux-fluent.production.js

 /**!
-  * @build-info production - Sat Jan 06 2018 11:29:33 GMT+0000 (UTC)
+  * @build-info production - Sat Jan 06 2018 17:02:25 GMT+0000 (UTC)
 
   * @name redux-fluent
-  * @version 0.18.0
+  * @version 0.19.1
   * @author Code-Y (https://github.com/Code-Y)
@@ -7,0 +7,0 @@ * @description Tiny and eloquent way to manage a redux-like state manager

package.json

 {
   "name": "redux-fluent",
   "license": "MIT",
-  "version": "0.18.0",
+  "version": "0.19.1",
   "homepage": "https://github.com/Code-Y/redux-fluent#readme",
@@ -6,0 +6,0 @@ "description": "Tiny and eloquent way to manage a redux-like state manager",

README.md

@@ -1,3 +0,5 @@
-# redux-fluent
+# <a href='https://github.com/Code-Y/redux-fluent'><img src='https://raw.githubusercontent.com/Code-Y/redux-fluent/master/redux-fluent-logo.png' height='60' alt='Redux Fluent Logo' aria-label='https://github.com/Code-Y/redux-fluent' /></a> Redux Fluent
+[![npm version](https://img.shields.io/npm/v/redux-fluent.svg)](https://www.npmjs.com/package/redux-fluent)
 [![Build Status](https://travis-ci.org/Code-Y/redux-fluent.svg?branch=master)](https://travis-ci.org/Code-Y/redux-fluent)
+[![npm downloads](https://img.shields.io/npm/dm/redux-fluent.svg)](https://www.npmjs.com/package/redux-fluent)
 [![Code Climate](https://codeclimate.com/github/Code-Y/redux-fluent/badges/gpa.svg)](https://codeclimate.com/github/Code-Y/redux-fluent)
@@ -7,1 +9,79 @@ [![Test Coverage](https://api.codeclimate.com/v1/badges/02e8b0d9ba383c19ae50/test_coverage)](https://codeclimate.com/github/Code-Y/redux-fluent/test_coverage)
 Tiny and eloquent way to manage a redux-like state manager
+
+
+## Motivation
+
+[Redux](https://redux.js.org/) is great, *every recent web application was most likely been built on top of it*, however we really believe we can simplify it further and after our investigation we came out with:
+
+ - **Reducers** usually tend to grow and become hard to maintain, 'cause of the amount of switch-cases.
+ - Concepts such as **Action**, **Action Type** and **Action Creator** could be squashed into only one.
+ - Find out a way to enforce standards.
+
+## Installation
+
+To install the stable version:
+
+```bash
+npm install --save redux-fluent
+```
+
+## Usage
+
+```javascript
+/** todosReducer.js **/
+
+import { createAction, createReducer } from 'redux-fluent';
+
+
+const getDefaultState = state => state || ({ list: [] });
+
+const addTodo = createAction('@@todos | add');
+const addTodoReducer = (state, { payload }) => ({ 
+  ...state, 
+  list: state.list.concat(payload),
+});
+
+const removeTodo = createAction('@@todos/:id | remove');
+const removeTodoReducer = (state, { payload }) => ({
+  ...state, 
+  list: state.list.filter(todo => todo.id !== payload.id),
+})
+
+const todosReducer = createReducer('@@todos')
+  
+  .case(addTodo)
+  .do(addTodoReducer)
+
+  
+  .case(removeTodo)
+  .do(removeTodoReducer)
+  
+  .default(getDefaultState)
+;
+
+
+export { todosReducer, addTodo, removeTodo };
+
+```
+
+```javascript
+/** application.js **/
+
+import { createStore, combineReducers } from 'redux';
+import { todosReducer, addTodo } from './todosReducer';
+
+
+const reducers = combineReducers({
+  [todosReducer]: todosReducer,
+});
+
+const store = createStore(reducers);
+
+// You can think of `addTodo` as an action creator itself
+store.dispatch(
+  addTodo({
+    id: 1,
+    title: 'Walk Gipsy',
+  }),
+);
+```

No alert changes

Improved metrics

Total package byte prevSize

50190

increased by4.49%

Number of lines in readme file

87

increased by1142.86%

No dependency changes