add client

Author: tb

.gitignore

@@ -1,18 +1 @@
-# See https://help.github.com/articles/ignoring-files for more about ignoring files.
-#
-# If you find yourself ignoring temporary files generated by your text editor
-# or operating system, you probably want to add a global ignore instead:
-#   git config --global core.excludesfile '~/.gitignore_global'
-
-# Ignore bundler config.
-/.bundle
-
-# Ignore all logfiles and tempfiles.
-/log/*
-/tmp/*
-!/log/.keep
-!/tmp/.keep
-
-# Ignore Byebug command history file.
-.byebug_history
 .idea/

client/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    "es2015",
+    "react",
+    "stage-0"
+  ]
+}

client/.editorconfig

@@ -0,0 +1,13 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

client/.gitignore

@@ -0,0 +1,16 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+node_modules
+
+# testing
+coverage
+
+# production
+public
+
+# misc
+.DS_Store
+.env
+npm-debug.log
+.idea

client/.nvmrc

@@ -0,0 +1 @@
+6

client/README.md

@@ -0,0 +1,47 @@
+{
+  "name": "client",
+  "version": "0.1.0",
+  "private": true,
+  "jest": {
+    "snapshotSerializers": [
+      "<rootDir>/node_modules/enzyme-to-json/serializer"
+    ]
+  },
+  "scripts": {
+    "build": "shx rm -rf public/** && NODE_ENV=production webpack -p --progress",
+    "start": "webpack-dev-server",
+    "test": "NODE_ENV=test jest"
+  },
+  "dependencies": {
+    "babel-polyfill": "^6.23.0",
+    "react": "^15.4.2",
+    "react-dom": "^15.4.2",
+    "react-redux": "^5.0.3",
+    "react-router": "~3.0.2",
+    "react-router-redux": "^4.0.8",
+    "redux": "^3.6.0",
+    "redux-json-api": "^1.7.0",
+    "redux-thunk": "^2.2.0"
+  },
+  "devDependencies": {
+    "babel-loader": "^6.4.0",
+    "babel-preset-es2015": "^6.22.0",
+    "babel-preset-react": "^6.23.0",
+    "babel-preset-stage-0": "^6.22.0",
+    "copy-webpack-plugin": "^4.0.1",
+    "css-loader": "^0.26.4",
+    "enzyme": "^2.7.1",
+    "enzyme-to-json": "^1.5.0",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "html-webpack-plugin": "^2.28.0",
+    "jest": "^19.0.2",
+    "node-sass": "^4.5.0",
+    "react-addons-test-utils": "^15.4.2",
+    "sass-loader": "^6.0.3",
+    "shx": "^0.2.2",
+    "style-loader": "^0.13.2",
+    "webpack": "^2.2.1",
+    "webpack-config-utils": "^2.3.0",
+    "webpack-dev-server": "^2.4.1"
+  }
+}

client/assets/favicon.ico

@@ -0,0 +1,10 @@
+import React from 'react';
+
+const App = (props) => (
+  <div>
+    <h1>Perfectly simple Webpack 2 setup</h1>
+    {props.children}
+  </div>
+);
+
+export default App;

client/package.json

@@ -0,0 +1,35 @@
+import React, { Component, PropTypes } from 'react';
+import { readEndpoint } from 'redux-json-api';
+import { connect } from 'react-redux';
+
+class PostList extends React.Component {
+  componentWillMount() {
+    this.props.fetchPosts();
+  }
+
+  render() {
+    return (
+      <div>
+        {this.props.posts.data.map(post =>
+          <div key={post.id}>
+            {post.attributes.title}
+          </div>
+        )}
+      </div>
+    );
+  }
+};
+
+const mapStateToProps = (state) => ({
+  posts: state.api.posts || {data: []},
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  fetchPosts: () => dispatch(readEndpoint('posts?include=category')),
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(PostList);
+
+// https://github.com/dixieio/redux-json-api/issues/47
+// https://github.com/dixieio/redux-json-api/issues/83
+