v0.1.0 code dump

Author: patrickmarabeas

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    ["es2015", {"modules": "commonjs"}],
+    "react"
+  ]
+}

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+.DS_Store
+.idea/*
+*.log
+dist
+

.npmignore

@@ -0,0 +1 @@
+src

README.md

@@ -1,2 +1,53 @@
 # react-stateful-hoc
+
 Higher Order Component for demoing stateless functional React components
+
+## Usage
+
+> npm i -D react-stateful-hoc
+
+```
+/** components/Clicker */
+
+import React from 'react';
+import propTypes from 'prop-types';
+
+
+const Clicker = (props) => {
+  const { value } = props; // event handlers will need to reference props directly to maintain scope
+  return <div onClick={() => props.onClick(1)}>CLICK ME: {value}</div>;
+};
+
+Clicker.propTypes = {
+  value: PropTypes.number.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+
+Clicker.defaultProps = {
+  value: 0
+};
+
+function onClickHandler(state, payload) {
+  return state += payload;
+}
+
+export { Clicker, onClickHandler };
+```
+
+
+```
+/** App */
+
+import React from 'react';
+import StatefulHOC from 'react-stateful-hoc';
+import { Clicker, onClickHandler } from 'components/Clicker';
+
+
+const ClickerMock = StatefulHOC(Clicker);
+
+const ClickerDemo = ClickerMock({
+  onClick(prop) {
+    this.setState({ value: onClickHandler(this.value, prop) });
+  },
+});
+```

package.json

@@ -0,0 +1,27 @@
+{
+  "name": "react-stateful-hoc",
+  "description": "Higher Order Component for demoing stateless functional React components",
+  "version": "0.1.0",
+  "license": "MIT",
+  "author": "Patrick Marabeas <[email protected]> (http://github.com/patrickmarabeas)",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/patrickmarabeas/react-stateful-hoc.git"
+  },
+  "bugs": {
+    "url": "https://github.com/patrickmarabeas/react-stateful-hoc/issues"
+  },
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "./node_modules/.bin/babel src --out-dir dist",
+    "prepublish": "npm run build"
+  },
+  "dependencies": {
+    "react": "^15.5.4"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.24.1",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1"
+  }
+}

src/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default StatelessComponent => (initialState = {}) => class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = typeof initialState === 'function' ? initialState(props) : initialState;
+    this.setState = this.setState.bind(this);
+  }
+  render() {
+    const { state, props, setState } = this;
+    return <StatelessComponent {...props} {...state} setState={setState} />;
+  }
+};