Added mock api data

Author: Onoufrios Malikkides

README.md

@@ -1,11 +1,9 @@
 # State management with Redux 
 
-This project serves as a guide to structure Redux for a react app. The goal is to setup Redux in such way that it will cover most (over 90%) of your api needs.
+This project serves as a guide to structure Redux for a react app. The goal is to setup Redux in such way that it will cover most (over 90%) of our api needs.
 
 > #### _Like this guide?_ **Show your support by giving a :star:**
 
-**Note:** This code is nearly complete (See [Coming soon](#coming-soon)). It is functional and can be used as is or serve as inspiration. Some actions (delete, create) for multiple entities might not work as expected yet.
-
 ---
 
 ## Table of Contents
@@ -110,13 +108,8 @@ See `src/components/Main/index.js` for the full example.
 
 TODO:
 
-1. Fix + make uniform create, delete, toggle for multiple entities 
-2. Finish writing unit tests
-3. Write examples for cursor/page based read
-4. Add caching
-5. Add optimistic updates
-6. Allow for rxjs/saga replacement
-7. Finish writing documentation
-8. Publish to npm (I plan to turn this into a package that everyone can use )
+1. Add examples for cursor/page based read
+2. Add example for caching / optimistic updates
+3. Publish to npm (I plan to turn this into a package that everyone can use )
 
 [⇧ back to top](#table-of-contents)

package.json

@@ -1,7 +1,15 @@
 {
-  "name": "state",
-  "version": "0.1.0",
-  "private": true,
+  "name": "redux-setup-guide",
+  "version": "0.2.0",
+  "description": "Guide on how to setup Redux for a react application",
+  "license": "MIT",
+  "author": "Onoufrios Malikkides",
+  "keywords": [
+    "redux",
+    "react",
+    "state",
+    "guide"
+  ],
   "dependencies": {
     "antd": "^3.11.2",
     "axios": "^0.18.0",

src/index.js

@@ -4,6 +4,32 @@ import { Provider } from 'react-redux';
 import AppLayout from './components/Layout';
 import * as serviceWorker from './serviceWorker';
 import setupStore from './redux';
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+
+// Mock api calls
+const axiosMock = new MockAdapter(axios, { delayResponse: 500 });
+axiosMock.onGet('http://localhost:8000/user/1').reply(200, {
+  id: 1,
+  name: 'John',
+  posts: [{ id: 1, tags: [{ id: 1, name: 'important' }] }],
+});
+axiosMock.onGet('http://localhost:8000/tag').reply(200, [
+  { id: 1, name: 'important' },
+  { id: 2, name: 'serious' },
+  { id: 3, name: 'ready' },
+]);
+axiosMock.onPut('http://localhost:8000/user/1').reply(200, {
+  id: 1,
+  name: 'James',
+});
+axiosMock.onPost('http://localhost:8000/post').reply(200, {
+  id: 20,
+  text: 'My newly created post',
+  tags: [],
+});
+axiosMock.onDelete('http://localhost:8000/post/1').reply(200,{});
+
 
 const store = setupStore({}, { debug: true });
 

src/react-redux/Entity/Create/index.js

@@ -21,7 +21,7 @@ const mapStateToProps = (state, ownProps) => ({
 });
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
-  create(body, options) {
+  create(body, options = {}) {
     const enhancedOptions = {
       ...options,
       onSuccess: () => {