diff --git a/React/react-contextual/README.md b/React/react-contextual/README.md
new file mode 100644
index 00000000..50b2fba5
--- /dev/null
+++ b/React/react-contextual/README.md
@@ -0,0 +1,11 @@
+## Instalation
+
+If you use yarn, run:
+`yarn && yarn start`
+
+If you use npm, run:
+`npm i && npm run start`
+
+# Development
+
+Please read all you can about [React Contextual](https://github.com/drcmda/react-contextual). There are some things really cool but a bit confusing when using this library :D.
diff --git a/React/react-contextual/package.json b/React/react-contextual/package.json
new file mode 100644
index 00000000..83686cdd
--- /dev/null
+++ b/React/react-contextual/package.json
@@ -0,0 +1,21 @@
+{
+ "name": "react-contextual-rsm",
+ "version": "1.0.0",
+ "description": "React State Museum - Example of react-contextual",
+ "main": "src/index.js",
+ "keywords": [],
+ "dependencies": {
+ "packlist-components": "^1.2.0",
+ "react": "^16.3.2",
+ "react-contextual": "^5.0.1",
+ "react-dom": "^16.3.2",
+ "react-scripts": "^1.1.4"
+ },
+ "devDependencies": {},
+ "scripts": {
+ "start": "react-scripts start",
+ "build": "react-scripts build",
+ "test": "react-scripts test --env=jsdom",
+ "eject": "react-scripts eject"
+ }
+}
diff --git a/React/react-contextual/public/index.html b/React/react-contextual/public/index.html
new file mode 100644
index 00000000..729a384c
--- /dev/null
+++ b/React/react-contextual/public/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+ React App
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/React/react-contextual/src/Components/addItem.js b/React/react-contextual/src/Components/addItem.js
new file mode 100644
index 00000000..c6b8406b
--- /dev/null
+++ b/React/react-contextual/src/Components/addItem.js
@@ -0,0 +1,11 @@
+import React from "react";
+import { AddPackingItem } from "packlist-components";
+
+export default ({ addItem, clearItems, newItem, setNewItemText }) => (
+ setNewItemText(event.target.value)}
+ value={newItem}
+ clear={clearItems}
+ />
+);
diff --git a/React/react-contextual/src/Components/listItems.js b/React/react-contextual/src/Components/listItems.js
new file mode 100644
index 00000000..9b86b15b
--- /dev/null
+++ b/React/react-contextual/src/Components/listItems.js
@@ -0,0 +1,4 @@
+import React from "react";
+import { SimpleList } from "packlist-components";
+
+export default ({ allItems }) => ;
diff --git a/React/react-contextual/src/index.js b/React/react-contextual/src/index.js
new file mode 100644
index 00000000..aa393863
--- /dev/null
+++ b/React/react-contextual/src/index.js
@@ -0,0 +1,34 @@
+/************************************************
+ * This example is one of many examples
+ * -= The React State Museum =-
+ * View other state management options and read
+ * more in the blog post and the master repo:
+ *
+ * https://github.com/GantMan/ReactStateMuseum
+ ************************************************/
+import React from "react";
+import { render } from "react-dom";
+import { Provider, Subscribe } from "react-contextual";
+import ListItems from "./Components/listItems";
+import AddItems from "./Components/addItem";
+import { store } from "./store";
+
+const styles = {
+ fontFamily: "sans-serif",
+ textAlign: "center"
+};
+
+render(
+
+
+ {props => (
+
+
Welcome to react-contextual
+
+
+