Merge pull request #35 from xsnippet/immutable-store

Use immutable.Map() as initial state for store

Author: ikalnytskyi

package-lock.json

@@ -29,6 +29,7 @@
     "react-redux": "^5.0.6",
     "react-router-dom": "^4.2.2",
     "redux": "^3.7.2",
+    "redux-immutable": "^4.0.0",
     "redux-thunk": "^2.2.0"
   },
   "devDependencies": {

package.json

@@ -26,6 +26,6 @@ class RecentSnippets extends React.Component {
 }
 
 export default connect(state => ({
-  snippets: state.snippets,
-  recent: state.recent,
+  snippets: state.get('snippets'),
+  recent: state.get('recent'),
 }))(RecentSnippets);

src/components/RecentSnippets.jsx

@@ -83,5 +83,5 @@ class Snippet extends React.Component {
 }
 
 export default connect((state, ownProps) => ({
-  snippet: state.snippets.get(Number(ownProps.match.params.id)),
+  snippet: state.getIn(['snippets', Number(ownProps.match.params.id)]),
 }))(Snippet);

src/components/Snippet.jsx

@@ -57,5 +57,5 @@ class Syntaxes extends React.Component {
 }
 
 export default connect(state => ({
-  syntaxes: state.syntaxes,
+  syntaxes: state.get('syntaxes'),
 }))(Syntaxes);

src/components/Syntaxes.jsx

@@ -1,5 +1,5 @@
 import { List, Map, fromJS } from 'immutable';
-import { combineReducers } from 'redux';
+import { combineReducers } from 'redux-immutable';
 
 const snippets = (state = Map(), action) => {
   switch (action.type) {