From dda1ebbe7013a23889308b3f4f1dca35ca42427e Mon Sep 17 00:00:00 2001
From: Hugo Di Francesco <HugoDF@users.noreply.github.com>
Date: Sun, 8 Sep 2019 18:51:07 +0100
Subject: [PATCH] move Lesson 10 exercises and activities

Exercises and activities should be numbered globally
---
 Lesson10/.gitignore                           |   0
 Lesson10/01-first-class/.babelrc              |   0
 .../example-1-functions-as-values.js          |   0
 .../example-10-this-react-issues.html         |   0
 .../example-10-this-react-issues.js           |   0
 .../example-2-inversion-of-control.js         |   0
 .../example-3-add-event-listener.js           |   0
 .../example-4-fs-readdir-callback.js          |   0
 .../01-first-class/example-5-fetch-then.js    |   0
 .../example-6-fs-readdir-promise.js           |   0
 .../example-7-array-first-class.js            |   0
 .../example-8-parent-child-react.html         |   0
 .../example-8-parent-child-react.js           |   0
 .../example-9-child-parent-react.html         |   0
 .../example-9-child-parent-react.js           |   0
 ...cise-1-re-implement-array-methods-start.js |  20 ---
 .../exercise-1-re-implement-array-methods.js  |  20 ---
 .../exercise-3-on-checkout-prop-start.html    |   2 -
 .../exercise-3-on-checkout-prop-start.js      |  76 -----------
 .../exercise-3-on-checkout-prop.html          |   2 -
 .../exercise-3-on-checkout-prop.js            |  75 -----------
 .../exercise-4-add-product-start.html         |   2 -
 .../exercise-4-add-product.html               |   2 -
 .../exercise-5-render-prop-start.html         |   2 -
 .../exercise-5-render-prop.html               |   2 -
 Lesson10/01-first-class/package.json          |   0
 Lesson10/01-first-class/test.js               |   0
 Lesson10/02-pure/example-1-double-test.js     |   0
 .../exercise-1-redux-dispatch-start.html      |   2 -
 .../02-pure/exercise-1-redux-dispatch.html    |   2 -
 .../exercise-3-items-selector-start.html      |   2 -
 .../02-pure/exercise-3-items-selector.html    |   2 -
 Lesson10/02-pure/package.json                 |   0
 .../03-higher-order/example-1-react-bind.html |   0
 .../03-higher-order/example-1-react-bind.js   |   0
 .../example-2-test-parameter-bind.js          |   0
 .../example-3-function-prototype-bind-call.js |   0
 .../example-4-array-like-array.js             |   0
 .../03-higher-order/example-5-sum-curried.js  |   0
 .../03-higher-order/example-6-partial-sum.js  |   0
 .../example-7-generic-curry.js                |   0
 .../example-8-revealing-module.js             |   0
 .../example-9-function-comp-react.html        |   0
 .../example-9-function-comp-react.js          |   0
 Lesson10/03-higher-order/package.json         |   0
 .../example-1-sum-simple-compose.js           |   0
 .../04-composition/example-2-micro-hello.js   |   0
 .../04-composition/example-3-request-timer.js |   0
 .../04-composition/example-4-api-key-auth.js  |   0
 .../example-5-express-api-key-auth.js         |   0
 Lesson10/04-composition/package.json          |   0
 .../example-1-redux-action-creator.js         |   0
 .../example-2-immutable-map-filter-reduce.js  |   0
 .../example-3-immutable-object-rest-spread.js |   0
 .../example-4-immutable-array-rest-spread.js  |   0
 .../example-5-immutable-object-freeze.js      |   0
 ...example-6-component-did-mount-request.html |   0
 .../example-6-component-did-mount-request.js  |   0
 .../example-7-use-effect-request.html         |   0
 .../example-7-use-effect-request.js           |   0
 .../example-8-thunk-usage.js                  |   0
 .../example-9-redux-thunk-request.html        |   0
 .../example-9-redux-thunk-request.js          |   0
 ...cise-1-refactor-action-creators-start.html |   2 -
 .../exercise-1-refactor-action-creators.html  |   2 -
 .../exercise-2-map-to-props-start.html        |   2 -
 .../exercise-2-map-to-props.html              |   2 -
 .../05-immutability-side-effects/package.json |   0
 .../schema.graphql                            |   0
 .../activity-1-on-checkout-prop-start.html    |   2 +
 .../activity-1-on-checkout-prop-start.js      |  87 ++++++++++++
 .../activity-1-on-checkout-prop.html          |   2 +
 .../activities/activity-1-on-checkout-prop.js |  87 ++++++++++++
 .../activity-2-items-selector-test-start.js}  |   1 +
 .../activity-2-items-selector-test.js}        |   0
 Lesson10/activities/package.json              |  22 +++
 Lesson10/activity/README.md                   |   2 -
 Lesson10/activity/index.html                  |   2 -
 Lesson10/activity/main.js                     | 125 ------------------
 Lesson10/activity/package.json                |  13 --
 ...cise-1-re-implement-array-methods-start.js |  38 ++++++
 .../exercise-1-re-implement-array-methods.js  |  38 ++++++
 ...ise-10-refactor-action-creators-start.html |   2 +
 ...cise-10-refactor-action-creators-start.js} |   2 +-
 .../exercise-10-refactor-action-creators.html |   2 +
 .../exercise-10-refactor-action-creators.js}  |   0
 .../exercise-11-map-to-props-start.html       |   2 +
 .../exercise-11-map-to-props-start.js}        |   2 +-
 .../exercises/exercise-11-map-to-props.html   |   2 +
 .../exercise-11-map-to-props.js}              |   0
 .../exercise-12-graphql-micro-start.js}       |   0
 .../exercise-12-graphql-micro.js}             |   0
 .../exercise-2-price-of-basket-start.js       |   7 +-
 .../exercise-2-price-of-basket.js             |   7 +-
 .../exercise-3-add-product-start.html         |   2 +
 .../exercise-3-add-product-start.js}          |   0
 .../exercises/exercise-3-add-product.html     |   2 +
 .../exercise-3-add-product.js}                |   0
 .../exercise-4-render-prop-start.html         |   2 +
 .../exercise-4-render-prop-start.js}          |   2 +-
 .../exercises/exercise-4-render-prop.html     |   2 +
 .../exercise-4-render-prop.js}                |   0
 .../exercise-5-redux-dispatch-start.html      |   2 +
 .../exercise-5-redux-dispatch-start.js}       |   2 +-
 .../exercises/exercise-5-redux-dispatch.html  |   2 +
 .../exercise-5-redux-dispatch.js}             |   0
 .../exercise-6-reducer-test-start.js}         |   0
 .../exercise-6-reducer-test.js}               |   0
 .../exercise-7-items-selector-start.html      |   2 +
 .../exercise-7-items-selector-start.js}       |   2 +-
 .../exercises/exercise-7-items-selector.html  |   2 +
 .../exercise-7-items-selector.js}             |   0
 .../exercise-8-2-to-n-compose-start.js}       |   2 +-
 .../exercise-8-2-to-n-compose.js}             |   2 +-
 .../exercise-9-micro-compose-start.js}        |   2 +-
 .../exercise-9-micro-compose.js}              |   2 +-
 Lesson10/exercises/package.json               |  43 ++++++
 117 files changed, 363 insertions(+), 374 deletions(-)
 mode change 100644 => 100755 Lesson10/.gitignore
 mode change 100644 => 100755 Lesson10/01-first-class/.babelrc
 mode change 100644 => 100755 Lesson10/01-first-class/example-1-functions-as-values.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-10-this-react-issues.html
 mode change 100644 => 100755 Lesson10/01-first-class/example-10-this-react-issues.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-2-inversion-of-control.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-3-add-event-listener.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-4-fs-readdir-callback.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-5-fetch-then.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-6-fs-readdir-promise.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-7-array-first-class.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-8-parent-child-react.html
 mode change 100644 => 100755 Lesson10/01-first-class/example-8-parent-child-react.js
 mode change 100644 => 100755 Lesson10/01-first-class/example-9-child-parent-react.html
 mode change 100644 => 100755 Lesson10/01-first-class/example-9-child-parent-react.js
 delete mode 100644 Lesson10/01-first-class/exercise-1-re-implement-array-methods-start.js
 delete mode 100644 Lesson10/01-first-class/exercise-1-re-implement-array-methods.js
 delete mode 100644 Lesson10/01-first-class/exercise-3-on-checkout-prop-start.html
 delete mode 100644 Lesson10/01-first-class/exercise-3-on-checkout-prop-start.js
 delete mode 100644 Lesson10/01-first-class/exercise-3-on-checkout-prop.html
 delete mode 100644 Lesson10/01-first-class/exercise-3-on-checkout-prop.js
 delete mode 100644 Lesson10/01-first-class/exercise-4-add-product-start.html
 delete mode 100644 Lesson10/01-first-class/exercise-4-add-product.html
 delete mode 100644 Lesson10/01-first-class/exercise-5-render-prop-start.html
 delete mode 100644 Lesson10/01-first-class/exercise-5-render-prop.html
 mode change 100644 => 100755 Lesson10/01-first-class/package.json
 mode change 100644 => 100755 Lesson10/01-first-class/test.js
 mode change 100644 => 100755 Lesson10/02-pure/example-1-double-test.js
 delete mode 100644 Lesson10/02-pure/exercise-1-redux-dispatch-start.html
 delete mode 100644 Lesson10/02-pure/exercise-1-redux-dispatch.html
 delete mode 100644 Lesson10/02-pure/exercise-3-items-selector-start.html
 delete mode 100644 Lesson10/02-pure/exercise-3-items-selector.html
 mode change 100644 => 100755 Lesson10/02-pure/package.json
 mode change 100644 => 100755 Lesson10/03-higher-order/example-1-react-bind.html
 mode change 100644 => 100755 Lesson10/03-higher-order/example-1-react-bind.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-2-test-parameter-bind.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-3-function-prototype-bind-call.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-4-array-like-array.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-5-sum-curried.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-6-partial-sum.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-7-generic-curry.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-8-revealing-module.js
 mode change 100644 => 100755 Lesson10/03-higher-order/example-9-function-comp-react.html
 mode change 100644 => 100755 Lesson10/03-higher-order/example-9-function-comp-react.js
 mode change 100644 => 100755 Lesson10/03-higher-order/package.json
 mode change 100644 => 100755 Lesson10/04-composition/example-1-sum-simple-compose.js
 mode change 100644 => 100755 Lesson10/04-composition/example-2-micro-hello.js
 mode change 100644 => 100755 Lesson10/04-composition/example-3-request-timer.js
 mode change 100644 => 100755 Lesson10/04-composition/example-4-api-key-auth.js
 mode change 100644 => 100755 Lesson10/04-composition/example-5-express-api-key-auth.js
 mode change 100644 => 100755 Lesson10/04-composition/package.json
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-1-redux-action-creator.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-2-immutable-map-filter-reduce.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-3-immutable-object-rest-spread.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-4-immutable-array-rest-spread.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-5-immutable-object-freeze.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.html
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-7-use-effect-request.html
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-7-use-effect-request.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-8-thunk-usage.js
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.html
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.js
 delete mode 100644 Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.html
 delete mode 100644 Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.html
 delete mode 100644 Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.html
 delete mode 100644 Lesson10/05-immutability-side-effects/exercise-2-map-to-props.html
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/package.json
 mode change 100644 => 100755 Lesson10/05-immutability-side-effects/schema.graphql
 create mode 100755 Lesson10/activities/activity-1-on-checkout-prop-start.html
 create mode 100755 Lesson10/activities/activity-1-on-checkout-prop-start.js
 create mode 100755 Lesson10/activities/activity-1-on-checkout-prop.html
 create mode 100755 Lesson10/activities/activity-1-on-checkout-prop.js
 rename Lesson10/{02-pure/exercise-3-items-selector-test-start.js => activities/activity-2-items-selector-test-start.js} (83%)
 mode change 100644 => 100755
 rename Lesson10/{02-pure/exercise-3-items-selector-test.js => activities/activity-2-items-selector-test.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/activities/package.json
 delete mode 100644 Lesson10/activity/README.md
 delete mode 100644 Lesson10/activity/index.html
 delete mode 100644 Lesson10/activity/main.js
 delete mode 100644 Lesson10/activity/package.json
 create mode 100755 Lesson10/exercises/exercise-1-re-implement-array-methods-start.js
 create mode 100755 Lesson10/exercises/exercise-1-re-implement-array-methods.js
 create mode 100755 Lesson10/exercises/exercise-10-refactor-action-creators-start.html
 rename Lesson10/{05-immutability-side-effects/exercise-1-refactor-action-creators-start.js => exercises/exercise-10-refactor-action-creators-start.js} (98%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-10-refactor-action-creators.html
 rename Lesson10/{05-immutability-side-effects/exercise-1-refactor-action-creators.js => exercises/exercise-10-refactor-action-creators.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-11-map-to-props-start.html
 rename Lesson10/{05-immutability-side-effects/exercise-2-map-to-props-start.js => exercises/exercise-11-map-to-props-start.js} (98%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-11-map-to-props.html
 rename Lesson10/{05-immutability-side-effects/exercise-2-map-to-props.js => exercises/exercise-11-map-to-props.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{05-immutability-side-effects/exercise-3-graphql-micro-start.js => exercises/exercise-12-graphql-micro-start.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{05-immutability-side-effects/exercise-3-graphql-micro.js => exercises/exercise-12-graphql-micro.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{01-first-class => exercises}/exercise-2-price-of-basket-start.js (68%)
 mode change 100644 => 100755
 rename Lesson10/{01-first-class => exercises}/exercise-2-price-of-basket.js (72%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-3-add-product-start.html
 rename Lesson10/{01-first-class/exercise-4-add-product-start.js => exercises/exercise-3-add-product-start.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-3-add-product.html
 rename Lesson10/{01-first-class/exercise-4-add-product.js => exercises/exercise-3-add-product.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-4-render-prop-start.html
 rename Lesson10/{01-first-class/exercise-5-render-prop-start.js => exercises/exercise-4-render-prop-start.js} (98%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-4-render-prop.html
 rename Lesson10/{01-first-class/exercise-5-render-prop.js => exercises/exercise-4-render-prop.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-5-redux-dispatch-start.html
 rename Lesson10/{02-pure/exercise-1-redux-dispatch-start.js => exercises/exercise-5-redux-dispatch-start.js} (98%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-5-redux-dispatch.html
 rename Lesson10/{02-pure/exercise-1-redux-dispatch.js => exercises/exercise-5-redux-dispatch.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{02-pure/exercise-2-reducer-test-start.js => exercises/exercise-6-reducer-test-start.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{02-pure/exercise-2-reducer-test.js => exercises/exercise-6-reducer-test.js} (100%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-7-items-selector-start.html
 rename Lesson10/{02-pure/exercise-3-items-selector-start.js => exercises/exercise-7-items-selector-start.js} (98%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/exercise-7-items-selector.html
 rename Lesson10/{02-pure/exercise-3-items-selector.js => exercises/exercise-7-items-selector.js} (100%)
 mode change 100644 => 100755
 rename Lesson10/{04-composition/exercise-1-2-to-n-compose-start.js => exercises/exercise-8-2-to-n-compose-start.js} (97%)
 mode change 100644 => 100755
 rename Lesson10/{04-composition/exercise-1-2-to-n-compose.js => exercises/exercise-8-2-to-n-compose.js} (97%)
 mode change 100644 => 100755
 rename Lesson10/{04-composition/exercise-2-micro-compose-start.js => exercises/exercise-9-micro-compose-start.js} (96%)
 mode change 100644 => 100755
 rename Lesson10/{04-composition/exercise-2-micro-compose.js => exercises/exercise-9-micro-compose.js} (96%)
 mode change 100644 => 100755
 create mode 100755 Lesson10/exercises/package.json

diff --git a/Lesson10/.gitignore b/Lesson10/.gitignore
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/.babelrc b/Lesson10/01-first-class/.babelrc
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-1-functions-as-values.js b/Lesson10/01-first-class/example-1-functions-as-values.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-10-this-react-issues.html b/Lesson10/01-first-class/example-10-this-react-issues.html
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-10-this-react-issues.js b/Lesson10/01-first-class/example-10-this-react-issues.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-2-inversion-of-control.js b/Lesson10/01-first-class/example-2-inversion-of-control.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-3-add-event-listener.js b/Lesson10/01-first-class/example-3-add-event-listener.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-4-fs-readdir-callback.js b/Lesson10/01-first-class/example-4-fs-readdir-callback.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-5-fetch-then.js b/Lesson10/01-first-class/example-5-fetch-then.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-6-fs-readdir-promise.js b/Lesson10/01-first-class/example-6-fs-readdir-promise.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-7-array-first-class.js b/Lesson10/01-first-class/example-7-array-first-class.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-8-parent-child-react.html b/Lesson10/01-first-class/example-8-parent-child-react.html
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-8-parent-child-react.js b/Lesson10/01-first-class/example-8-parent-child-react.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-9-child-parent-react.html b/Lesson10/01-first-class/example-9-child-parent-react.html
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/example-9-child-parent-react.js b/Lesson10/01-first-class/example-9-child-parent-react.js
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/exercise-1-re-implement-array-methods-start.js b/Lesson10/01-first-class/exercise-1-re-implement-array-methods-start.js
deleted file mode 100644
index cfde125..0000000
--- a/Lesson10/01-first-class/exercise-1-re-implement-array-methods-start.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function includes(array, needle) {
-  // Includes implementation
-}
-
-function indexOf(array, needle) {
-  // IndexOf implementation
-}
-
-function join(array, delimiter) {
-  // Join implementation
-}
-
-console.assert(includes(['a', 'b', 'c'], 'c'));
-console.assert(!includes(['a', 'b', 'c'], 'd'));
-
-console.assert(indexOf([1, 2, 3], 2) === 1);
-console.assert(indexOf([1, 2, 3], 10) === -1);
-
-console.assert(join(['a', 'b', 'c'], '') === 'abc');
-console.assert(join([1, 2, 3], ',') === '1,2,3');
diff --git a/Lesson10/01-first-class/exercise-1-re-implement-array-methods.js b/Lesson10/01-first-class/exercise-1-re-implement-array-methods.js
deleted file mode 100644
index 6186b1c..0000000
--- a/Lesson10/01-first-class/exercise-1-re-implement-array-methods.js
+++ /dev/null
@@ -1,20 +0,0 @@
-function includes(array, needle) {
-  return array.some(el => el === needle);
-}
-
-function indexOf(array, needle) {
-  return array.findIndex(el => el === needle);
-}
-
-function join(array, delimiter) {
-  return array.reduce((acc, curr) => acc + delimiter + curr);
-}
-
-console.assert(includes(['a', 'b', 'c'], 'c'));
-console.assert(!includes(['a', 'b', 'c'], 'd'));
-
-console.assert(indexOf([1, 2, 3], 2) === 1);
-console.assert(indexOf([1, 2, 3], 10) === -1);
-
-console.assert(join(['a', 'b', 'c'], '') === 'abc');
-console.assert(join([1, 2, 3], ',') === '1,2,3');
diff --git a/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.html b/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.html
deleted file mode 100644
index 2620009..0000000
--- a/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-2-on-checkout-prop-start.js">
diff --git a/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.js b/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.js
deleted file mode 100644
index bb38045..0000000
--- a/Lesson10/01-first-class/exercise-3-on-checkout-prop-start.js
+++ /dev/null
@@ -1,76 +0,0 @@
-// run this with
-// npm run serve exercise-3-on-checkout-props-start.html
-import React from 'react';
-
-import ReactDOM from 'react-dom';
-
-class Basket extends React.Component {
-  constructor () {
-    super();
-    this.state = {
-      items: [
-        {
-          quantity: 1,
-          price: 199,
-          name: 'Soda bottle'
-        },
-        {
-          quantity: 2,
-          price: 2499,
-          name: 'Kitchenware kits'
-        }
-      ]
-    }
-  }
-  render() {
-    return <div>
-      <p>
-        You have {this.state.items.length} items in your basket
-      </p>
-      <button onClick={() => {}}>Proceed to checkout</button>
-    </div>;
-  }
-}
-
-class App extends React.Component {
-  constructor() {
-    super();
-    this.state = {
-      status: 'SHOPPING'
-    }
-  }
-  handleCheckout = (basket) => {
-    this.setState({
-      status: 'CHECKING_OUT',
-      basket
-    })
-  }
-  continueShopping = () => {
-    this.setState({
-      status: 'SHOPPING',
-    })
-  }
-  finish = () => {
-    this.setState({
-      status: 'DONE'
-    })
-  }
-  render() {
-    return (
-      <div>
-        {this.state.status === 'CHECKING_OUT' && <div>
-          <p>
-            You've started checking out with {this.state.basket.length} items.
-          </p>
-          <button onClick={this.continueShopping}>Continue shopping</button>
-          <button onClick={this.finish}>Finish</button>
-        </div>}
-        {this.state.status === 'SHOPPING' && <Basket onCheckout={this.handleCheckout} />}
-        {this.state.status === 'DONE' && <p>Done</p>}
-
-      </div>
-    );
-  }
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
diff --git a/Lesson10/01-first-class/exercise-3-on-checkout-prop.html b/Lesson10/01-first-class/exercise-3-on-checkout-prop.html
deleted file mode 100644
index 93e9343..0000000
--- a/Lesson10/01-first-class/exercise-3-on-checkout-prop.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-3-on-checkout-prop.js">
diff --git a/Lesson10/01-first-class/exercise-3-on-checkout-prop.js b/Lesson10/01-first-class/exercise-3-on-checkout-prop.js
deleted file mode 100644
index 6ebc0cf..0000000
--- a/Lesson10/01-first-class/exercise-3-on-checkout-prop.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from 'react';
-
-import ReactDOM from 'react-dom';
-
-class Basket extends React.Component {
-  constructor () {
-    super();
-    this.state = {
-      items: [
-        {
-          quantity: 1,
-          price: 199,
-          name: 'Soda bottle'
-        },
-        {
-          quantity: 2,
-          price: 2499,
-          name: 'Kitchenware kits'
-        }
-      ]
-    }
-  }
-  render() {
-    return <div>
-      <p>
-        You have {this.state.items.length} items in your basket
-      </p>
-      <button onClick={() => this.props.onCheckout(this.state.items)}>Proceed to checkout</button>
-    </div>;
-  }
-}
-
-class App extends React.Component {
-  constructor() {
-    super();
-    this.state = {
-      status: 'SHOPPING'
-    }
-  }
-  handleCheckout = (basket) => {
-    this.setState({
-      status: 'CHECKING_OUT',
-      basket
-    })
-  }
-  continueShopping = () => {
-    this.setState({
-      status: 'SHOPPING',
-    })
-  }
-  finish = () => {
-    this.setState({
-      status: 'DONE'
-    })
-  }
-  render() {
-    return (
-      <div>
-        {this.state.status === 'CHECKING_OUT' && <div>
-          <p>
-            You've started checking out with {this.state.basket.length} items.
-          </p>
-          <button onClick={this.continueShopping}>Continue shopping</button>
-          <button onClick={this.finish}>Finish</button>
-        </div>}
-        {this.state.status === 'SHOPPING' && <Basket onCheckout={this.handleCheckout} />}
-        {this.state.status === 'DONE' && <p>Done</p>}
-
-
-      </div>
-    );
-  }
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
diff --git a/Lesson10/01-first-class/exercise-4-add-product-start.html b/Lesson10/01-first-class/exercise-4-add-product-start.html
deleted file mode 100644
index 7b7b723..0000000
--- a/Lesson10/01-first-class/exercise-4-add-product-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-4-add-product-start.js">
diff --git a/Lesson10/01-first-class/exercise-4-add-product.html b/Lesson10/01-first-class/exercise-4-add-product.html
deleted file mode 100644
index c9a5038..0000000
--- a/Lesson10/01-first-class/exercise-4-add-product.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-4-add-product.js">
diff --git a/Lesson10/01-first-class/exercise-5-render-prop-start.html b/Lesson10/01-first-class/exercise-5-render-prop-start.html
deleted file mode 100644
index f20964d..0000000
--- a/Lesson10/01-first-class/exercise-5-render-prop-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-5-render-prop-start.js">
diff --git a/Lesson10/01-first-class/exercise-5-render-prop.html b/Lesson10/01-first-class/exercise-5-render-prop.html
deleted file mode 100644
index 40997d0..0000000
--- a/Lesson10/01-first-class/exercise-5-render-prop.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-5-render-prop.js">
diff --git a/Lesson10/01-first-class/package.json b/Lesson10/01-first-class/package.json
old mode 100644
new mode 100755
diff --git a/Lesson10/01-first-class/test.js b/Lesson10/01-first-class/test.js
old mode 100644
new mode 100755
diff --git a/Lesson10/02-pure/example-1-double-test.js b/Lesson10/02-pure/example-1-double-test.js
old mode 100644
new mode 100755
diff --git a/Lesson10/02-pure/exercise-1-redux-dispatch-start.html b/Lesson10/02-pure/exercise-1-redux-dispatch-start.html
deleted file mode 100644
index fe74aac..0000000
--- a/Lesson10/02-pure/exercise-1-redux-dispatch-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-1-redux-dispatch-start.js">
diff --git a/Lesson10/02-pure/exercise-1-redux-dispatch.html b/Lesson10/02-pure/exercise-1-redux-dispatch.html
deleted file mode 100644
index 88933d3..0000000
--- a/Lesson10/02-pure/exercise-1-redux-dispatch.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-1-redux-dispatch.js">
diff --git a/Lesson10/02-pure/exercise-3-items-selector-start.html b/Lesson10/02-pure/exercise-3-items-selector-start.html
deleted file mode 100644
index 68d17c6..0000000
--- a/Lesson10/02-pure/exercise-3-items-selector-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-3-items-selector-start.js">
diff --git a/Lesson10/02-pure/exercise-3-items-selector.html b/Lesson10/02-pure/exercise-3-items-selector.html
deleted file mode 100644
index 2145554..0000000
--- a/Lesson10/02-pure/exercise-3-items-selector.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-3-items-selector.js">
diff --git a/Lesson10/02-pure/package.json b/Lesson10/02-pure/package.json
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-1-react-bind.html b/Lesson10/03-higher-order/example-1-react-bind.html
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-1-react-bind.js b/Lesson10/03-higher-order/example-1-react-bind.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-2-test-parameter-bind.js b/Lesson10/03-higher-order/example-2-test-parameter-bind.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-3-function-prototype-bind-call.js b/Lesson10/03-higher-order/example-3-function-prototype-bind-call.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-4-array-like-array.js b/Lesson10/03-higher-order/example-4-array-like-array.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-5-sum-curried.js b/Lesson10/03-higher-order/example-5-sum-curried.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-6-partial-sum.js b/Lesson10/03-higher-order/example-6-partial-sum.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-7-generic-curry.js b/Lesson10/03-higher-order/example-7-generic-curry.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-8-revealing-module.js b/Lesson10/03-higher-order/example-8-revealing-module.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-9-function-comp-react.html b/Lesson10/03-higher-order/example-9-function-comp-react.html
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/example-9-function-comp-react.js b/Lesson10/03-higher-order/example-9-function-comp-react.js
old mode 100644
new mode 100755
diff --git a/Lesson10/03-higher-order/package.json b/Lesson10/03-higher-order/package.json
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/example-1-sum-simple-compose.js b/Lesson10/04-composition/example-1-sum-simple-compose.js
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/example-2-micro-hello.js b/Lesson10/04-composition/example-2-micro-hello.js
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/example-3-request-timer.js b/Lesson10/04-composition/example-3-request-timer.js
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/example-4-api-key-auth.js b/Lesson10/04-composition/example-4-api-key-auth.js
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/example-5-express-api-key-auth.js b/Lesson10/04-composition/example-5-express-api-key-auth.js
old mode 100644
new mode 100755
diff --git a/Lesson10/04-composition/package.json b/Lesson10/04-composition/package.json
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-1-redux-action-creator.js b/Lesson10/05-immutability-side-effects/example-1-redux-action-creator.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-2-immutable-map-filter-reduce.js b/Lesson10/05-immutability-side-effects/example-2-immutable-map-filter-reduce.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-3-immutable-object-rest-spread.js b/Lesson10/05-immutability-side-effects/example-3-immutable-object-rest-spread.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-4-immutable-array-rest-spread.js b/Lesson10/05-immutability-side-effects/example-4-immutable-array-rest-spread.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-5-immutable-object-freeze.js b/Lesson10/05-immutability-side-effects/example-5-immutable-object-freeze.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.html b/Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.html
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.js b/Lesson10/05-immutability-side-effects/example-6-component-did-mount-request.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-7-use-effect-request.html b/Lesson10/05-immutability-side-effects/example-7-use-effect-request.html
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-7-use-effect-request.js b/Lesson10/05-immutability-side-effects/example-7-use-effect-request.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-8-thunk-usage.js b/Lesson10/05-immutability-side-effects/example-8-thunk-usage.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.html b/Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.html
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.js b/Lesson10/05-immutability-side-effects/example-9-redux-thunk-request.js
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.html b/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.html
deleted file mode 100644
index a871604..0000000
--- a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-1-refactor-action-creators-start.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.html b/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.html
deleted file mode 100644
index 929e041..0000000
--- a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-1-refactor-action-creators.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.html b/Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.html
deleted file mode 100644
index ccf3649..0000000
--- a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-2-map-to-props-start.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props.html b/Lesson10/05-immutability-side-effects/exercise-2-map-to-props.html
deleted file mode 100644
index 24c1fa3..0000000
--- a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./exercise-2-map-to-props.js">
diff --git a/Lesson10/05-immutability-side-effects/package.json b/Lesson10/05-immutability-side-effects/package.json
old mode 100644
new mode 100755
diff --git a/Lesson10/05-immutability-side-effects/schema.graphql b/Lesson10/05-immutability-side-effects/schema.graphql
old mode 100644
new mode 100755
diff --git a/Lesson10/activities/activity-1-on-checkout-prop-start.html b/Lesson10/activities/activity-1-on-checkout-prop-start.html
new file mode 100755
index 0000000..41ed45c
--- /dev/null
+++ b/Lesson10/activities/activity-1-on-checkout-prop-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./activity-1-on-checkout-prop-start.js">
diff --git a/Lesson10/activities/activity-1-on-checkout-prop-start.js b/Lesson10/activities/activity-1-on-checkout-prop-start.js
new file mode 100755
index 0000000..2a6d18f
--- /dev/null
+++ b/Lesson10/activities/activity-1-on-checkout-prop-start.js
@@ -0,0 +1,87 @@
+// Run this with
+// npm run activity1
+import React from 'react';
+
+import ReactDOM from 'react-dom';
+
+class Basket extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      items: [
+        {
+          quantity: 1,
+          price: 199,
+          name: 'Soda bottle'
+        },
+        {
+          quantity: 2,
+          price: 2499,
+          name: 'Kitchenware kits'
+        }
+      ]
+    };
+  }
+
+  render() {
+    return (
+      <div>
+        <p>You have {this.state.items.length} items in your basket</p>
+        <button onClick={() => {}}>Proceed to checkout</button>
+      </div>
+    );
+  }
+}
+
+class App extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      status: 'SHOPPING'
+    };
+    this.handleCheckout = this.handleCheckout.bind(this);
+    this.continueShopping = this.continueShopping.bind(this);
+    this.finish = this.finish.bind(this);
+  }
+
+  handleCheckout(basket) {
+    this.setState({
+      status: 'CHECKING_OUT',
+      basket
+    });
+  }
+
+  continueShopping() {
+    this.setState({
+      status: 'SHOPPING'
+    });
+  }
+
+  finish() {
+    this.setState({
+      status: 'DONE'
+    });
+  }
+
+  render() {
+    return (
+      <div>
+        {this.state.status === 'CHECKING_OUT' && (
+          <div>
+            <p>
+              You've started checking out with {this.state.basket.length} items.
+            </p>
+            <button onClick={this.continueShopping}>Continue shopping</button>
+            <button onClick={this.finish}>Finish</button>
+          </div>
+        )}
+        {this.state.status === 'SHOPPING' && (
+          <Basket onCheckout={this.handleCheckout} />
+        )}
+        {this.state.status === 'DONE' && <p>Done</p>}
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<App />, document.querySelector('#app'));
diff --git a/Lesson10/activities/activity-1-on-checkout-prop.html b/Lesson10/activities/activity-1-on-checkout-prop.html
new file mode 100755
index 0000000..78f0a3d
--- /dev/null
+++ b/Lesson10/activities/activity-1-on-checkout-prop.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./activity-1-on-checkout-prop.js">
diff --git a/Lesson10/activities/activity-1-on-checkout-prop.js b/Lesson10/activities/activity-1-on-checkout-prop.js
new file mode 100755
index 0000000..b40c48e
--- /dev/null
+++ b/Lesson10/activities/activity-1-on-checkout-prop.js
@@ -0,0 +1,87 @@
+import React from 'react';
+
+import ReactDOM from 'react-dom';
+
+class Basket extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      items: [
+        {
+          quantity: 1,
+          price: 199,
+          name: 'Soda bottle'
+        },
+        {
+          quantity: 2,
+          price: 2499,
+          name: 'Kitchenware kits'
+        }
+      ]
+    };
+  }
+
+  render() {
+    return (
+      <div>
+        <p>You have {this.state.items.length} items in your basket</p>
+        <button onClick={() => this.props.onCheckout(this.state.items)}>
+          Proceed to checkout
+        </button>
+      </div>
+    );
+  }
+}
+
+class App extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+      status: 'SHOPPING'
+    };
+    this.handleCheckout = this.handleCheckout.bind(this);
+    this.continueShopping = this.continueShopping.bind(this);
+    this.finish = this.finish.bind(this);
+  }
+
+  handleCheckout(basket) {
+    this.setState({
+      status: 'CHECKING_OUT',
+      basket
+    });
+  }
+
+  continueShopping() {
+    this.setState({
+      status: 'SHOPPING'
+    });
+  }
+
+  finish() {
+    this.setState({
+      status: 'DONE'
+    });
+  }
+
+  render() {
+    return (
+      <div>
+        {this.state.status === 'CHECKING_OUT' && (
+          <div>
+            <p>
+              You've started checking out with {this.state.basket.length} items.
+            </p>
+            <button onClick={this.continueShopping}>Continue shopping</button>
+            <button onClick={this.finish}>Finish</button>
+          </div>
+        )}
+        {this.state.status === 'SHOPPING' && (
+          <Basket onCheckout={this.handleCheckout} />
+        )}
+        {this.state.status === 'DONE' && <p>Done</p>}
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(<App />, document.querySelector('#app'));
diff --git a/Lesson10/02-pure/exercise-3-items-selector-test-start.js b/Lesson10/activities/activity-2-items-selector-test-start.js
old mode 100644
new mode 100755
similarity index 83%
rename from Lesson10/02-pure/exercise-3-items-selector-test-start.js
rename to Lesson10/activities/activity-2-items-selector-test-start.js
index 4642639..0ddb129
--- a/Lesson10/02-pure/exercise-3-items-selector-test-start.js
+++ b/Lesson10/activities/activity-2-items-selector-test-start.js
@@ -6,6 +6,7 @@ const selectBasketItems = state =>
 
 function test() {
   // Call selectBasketItems and add your assertion(s) here
+  console.assert(false, 'test not implemented');
 }
 
 test();
diff --git a/Lesson10/02-pure/exercise-3-items-selector-test.js b/Lesson10/activities/activity-2-items-selector-test.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/02-pure/exercise-3-items-selector-test.js
rename to Lesson10/activities/activity-2-items-selector-test.js
diff --git a/Lesson10/activities/package.json b/Lesson10/activities/package.json
new file mode 100755
index 0000000..3289127
--- /dev/null
+++ b/Lesson10/activities/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "activities",
+  "version": "1.0.0",
+  "description": "Lesson 10 Activities",
+  "main": "index.js",
+  "scripts": {
+    "serve": "parcel serve",
+    "activity1": "parcel serve activity-1-on-checkout-prop-start.html",
+    "activity1:solution": "parcel serve activity-1-on-checkout-prop.html",
+    "activity2": "node activity-2-items-selector-test-start.js",
+    "activity2:solution": "node activity-2-items-selector-test.js"
+  },
+  "author": "Hugo Di Francesco",
+  "license": "MIT",
+  "dependencies": {
+    "parcel-bundler": "^1.12.3",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
+    "react-redux": "^7.1.1",
+    "redux": "^4.0.4"
+  }
+}
diff --git a/Lesson10/activity/README.md b/Lesson10/activity/README.md
deleted file mode 100644
index d1a508a..0000000
--- a/Lesson10/activity/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-Install dependencies with `npm install`.
-Start the dev server with `npm run dev`.
diff --git a/Lesson10/activity/index.html b/Lesson10/activity/index.html
deleted file mode 100644
index e50e796..0000000
--- a/Lesson10/activity/index.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div id="app"></div>
-<script src="./main.js">
diff --git a/Lesson10/activity/main.js b/Lesson10/activity/main.js
deleted file mode 100644
index aaa00e1..0000000
--- a/Lesson10/activity/main.js
+++ /dev/null
@@ -1,125 +0,0 @@
-// Run this with
-// npm run dev
-import React from 'react';
-
-import ReactDOM from 'react-dom';
-
-class Basket extends React.Component {
-  render() {
-    return (
-      <div>
-        <p>You have {this.props.items.length} items in your basket</p>
-        <div>{this.props.items.map(item => this.props.renderItem(item))}</div>
-        <button onClick={() => this.props.onCheckout(this.props.items)}>
-          Proceed to checkout
-        </button>
-      </div>
-    );
-  }
-}
-
-class App extends React.Component {
-  constructor() {
-    super();
-    this.state = {
-      status: 'SHOPPING',
-      product: {
-        price: 499,
-        name: 'Biscuits'
-      },
-      basket: {
-        items: [
-          {
-            quantity: 1,
-            price: 199,
-            name: 'Soda bottle'
-          },
-          {
-            quantity: 2,
-            price: 2499,
-            name: 'Kitchenware kits'
-          }
-        ]
-      }
-    };
-    this.handleCheckout = this.handleCheckout.bind(this);
-    this.continueShopping = this.continueShopping.bind(this);
-    this.finish = this.finish.bind(this);
-    this.addProduct = this.addProduct.bind(this);
-  }
-
-  handleCheckout(items) {
-    this.setState({
-      status: 'CHECKING_OUT',
-      basket: {
-        items
-      }
-    });
-  }
-
-  continueShopping() {
-    this.setState({
-      status: 'SHOPPING'
-    });
-  }
-
-  finish() {
-    this.setState({
-      status: 'DONE'
-    });
-  }
-
-  addProduct(product) {
-    this.setState({
-      basket: {
-        items: this.state.basket.items.concat({
-          name: product.name,
-          price: product.price,
-          quantity: 1
-        })
-      }
-    });
-  }
-
-  render() {
-    return (
-      <div>
-        {this.state.status === 'CHECKING_OUT' && (
-          <div>
-            <p>
-              You've started checking out with {this.state.basket.items.length}{' '}
-              items.
-            </p>
-            <button onClick={this.continueShopping}>Continue shopping</button>
-            <button onClick={this.finish}>Finish</button>
-          </div>
-        )}
-        {this.state.status === 'SHOPPING' && (
-          <Basket
-            items={this.state.basket.items}
-            renderItem={item => (
-              <div>
-                x{item.quantity} - {item.name} - $
-                {(item.price / 100).toFixed(2)} each{' '}
-              </div>
-            )}
-            onCheckout={this.handleCheckout}
-          />
-        )}
-        {this.state.status === 'DONE' && <p>Done</p>}
-
-        {this.state.status === 'SHOPPING' && (
-          <div style={{marginTop: 50}}>
-            <h2>{this.state.product.name}</h2>
-            <p>Price: ${this.state.product.price / 100}</p>
-            <button onClick={() => this.addProduct(this.state.product)}>
-              Add to Basket
-            </button>
-          </div>
-        )}
-      </div>
-    );
-  }
-}
-
-ReactDOM.render(<App />, document.querySelector('#app'));
diff --git a/Lesson10/activity/package.json b/Lesson10/activity/package.json
deleted file mode 100644
index d27fece..0000000
--- a/Lesson10/activity/package.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "name": "first-class-activity",
-  "version": "1.0.0",
-  "scripts": {
-    "dev": "parcel serve index.html"
-  },
-  "author": "Hugo Di Francesco",
-  "dependencies": {
-    "parcel-bundler": "^1.12.3",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0"
-  }
-}
diff --git a/Lesson10/exercises/exercise-1-re-implement-array-methods-start.js b/Lesson10/exercises/exercise-1-re-implement-array-methods-start.js
new file mode 100755
index 0000000..76473dc
--- /dev/null
+++ b/Lesson10/exercises/exercise-1-re-implement-array-methods-start.js
@@ -0,0 +1,38 @@
+function includes(array, needle) {
+  // Includes implementation
+}
+
+function indexOf(array, needle) {
+  // IndexOf implementation
+}
+
+function join(array, delimiter = '') {
+  // Join implementation
+}
+
+console.assert(
+  includes(['a', 'b', 'c'], 'c') === true,
+  'includes should return true if value is in array'
+);
+console.assert(
+  includes(['a', 'b', 'c'], 'd') === false,
+  'includes should return false if value is in array'
+);
+
+console.assert(
+  indexOf([1, 2, 3], 2) === 1,
+  'indexOf should return the index if value in array'
+);
+console.assert(
+  indexOf([1, 2, 3], 10) === -1,
+  'indexOf should return -1 if value not in array'
+);
+
+console.assert(
+  join(['a', 'b', 'c']) === 'abc',
+  'join should work with no delimiter passed'
+);
+console.assert(
+  join([1, 2, 3], ',') === '1,2,3',
+  'join should work with comma delimiter'
+);
diff --git a/Lesson10/exercises/exercise-1-re-implement-array-methods.js b/Lesson10/exercises/exercise-1-re-implement-array-methods.js
new file mode 100755
index 0000000..2c47c1f
--- /dev/null
+++ b/Lesson10/exercises/exercise-1-re-implement-array-methods.js
@@ -0,0 +1,38 @@
+function includes(array, needle) {
+  return array.some(el => el === needle);
+}
+
+function indexOf(array, needle) {
+  return array.findIndex(el => el === needle);
+}
+
+function join(array, delimiter = '') {
+  return array.reduce((acc, curr) => acc + delimiter + curr);
+}
+
+console.assert(
+  includes(['a', 'b', 'c'], 'c') === true,
+  'includes should return true if value is in array'
+);
+console.assert(
+  includes(['a', 'b', 'c'], 'd') === false,
+  'includes should return false if value is in array'
+);
+
+console.assert(
+  indexOf([1, 2, 3], 2) === 1,
+  'indexOf should return the index if value in array'
+);
+console.assert(
+  indexOf([1, 2, 3], 10) === -1,
+  'indexOf should return -1 if value not in array'
+);
+
+console.assert(
+  join(['a', 'b', 'c']) === 'abc',
+  'join should work with no delimiter passed'
+);
+console.assert(
+  join([1, 2, 3], ',') === '1,2,3',
+  'join should work with comma delimiter'
+);
diff --git a/Lesson10/exercises/exercise-10-refactor-action-creators-start.html b/Lesson10/exercises/exercise-10-refactor-action-creators-start.html
new file mode 100755
index 0000000..11dce65
--- /dev/null
+++ b/Lesson10/exercises/exercise-10-refactor-action-creators-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-10-refactor-action-creators-start.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.js b/Lesson10/exercises/exercise-10-refactor-action-creators-start.js
old mode 100644
new mode 100755
similarity index 98%
rename from Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.js
rename to Lesson10/exercises/exercise-10-refactor-action-creators-start.js
index 95b9e1f..cee0f3c
--- a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators-start.js
+++ b/Lesson10/exercises/exercise-10-refactor-action-creators-start.js
@@ -1,5 +1,5 @@
 // Run with
-// npm run server exercise-1-refactor-action-creators-start.html
+// npm run exercise10
 import React from 'react';
 
 import ReactDOM from 'react-dom';
diff --git a/Lesson10/exercises/exercise-10-refactor-action-creators.html b/Lesson10/exercises/exercise-10-refactor-action-creators.html
new file mode 100755
index 0000000..d3fe0cc
--- /dev/null
+++ b/Lesson10/exercises/exercise-10-refactor-action-creators.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-10-refactor-action-creators.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.js b/Lesson10/exercises/exercise-10-refactor-action-creators.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/05-immutability-side-effects/exercise-1-refactor-action-creators.js
rename to Lesson10/exercises/exercise-10-refactor-action-creators.js
diff --git a/Lesson10/exercises/exercise-11-map-to-props-start.html b/Lesson10/exercises/exercise-11-map-to-props-start.html
new file mode 100755
index 0000000..ad8fafe
--- /dev/null
+++ b/Lesson10/exercises/exercise-11-map-to-props-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-11-map-to-props-start.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.js b/Lesson10/exercises/exercise-11-map-to-props-start.js
old mode 100644
new mode 100755
similarity index 98%
rename from Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.js
rename to Lesson10/exercises/exercise-11-map-to-props-start.js
index 77e9903..f517fcb
--- a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props-start.js
+++ b/Lesson10/exercises/exercise-11-map-to-props-start.js
@@ -1,5 +1,5 @@
 // Run with
-// npm run server exercise-2-map-to-props-start.html
+// npm run exercise11
 import React from 'react';
 
 import ReactDOM from 'react-dom';
diff --git a/Lesson10/exercises/exercise-11-map-to-props.html b/Lesson10/exercises/exercise-11-map-to-props.html
new file mode 100755
index 0000000..a453f86
--- /dev/null
+++ b/Lesson10/exercises/exercise-11-map-to-props.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-11-map-to-props.js">
diff --git a/Lesson10/05-immutability-side-effects/exercise-2-map-to-props.js b/Lesson10/exercises/exercise-11-map-to-props.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/05-immutability-side-effects/exercise-2-map-to-props.js
rename to Lesson10/exercises/exercise-11-map-to-props.js
diff --git a/Lesson10/05-immutability-side-effects/exercise-3-graphql-micro-start.js b/Lesson10/exercises/exercise-12-graphql-micro-start.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/05-immutability-side-effects/exercise-3-graphql-micro-start.js
rename to Lesson10/exercises/exercise-12-graphql-micro-start.js
diff --git a/Lesson10/05-immutability-side-effects/exercise-3-graphql-micro.js b/Lesson10/exercises/exercise-12-graphql-micro.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/05-immutability-side-effects/exercise-3-graphql-micro.js
rename to Lesson10/exercises/exercise-12-graphql-micro.js
diff --git a/Lesson10/01-first-class/exercise-2-price-of-basket-start.js b/Lesson10/exercises/exercise-2-price-of-basket-start.js
old mode 100644
new mode 100755
similarity index 68%
rename from Lesson10/01-first-class/exercise-2-price-of-basket-start.js
rename to Lesson10/exercises/exercise-2-price-of-basket-start.js
index e11524a..97c8b0a
--- a/Lesson10/01-first-class/exercise-2-price-of-basket-start.js
+++ b/Lesson10/exercises/exercise-2-price-of-basket-start.js
@@ -28,5 +28,8 @@ function totalBasket(basket) {
   return basket;
 }
 
-console.assert(totalBasket(basket1) === 5197);
-console.assert(totalBasket(basket2) === 897);
+console.assert(
+  totalBasket(basket1) === 5197,
+  'basket1 should tally up to 5197'
+);
+console.assert(totalBasket(basket2) === 897, 'basket2 should tally up to 897');
diff --git a/Lesson10/01-first-class/exercise-2-price-of-basket.js b/Lesson10/exercises/exercise-2-price-of-basket.js
old mode 100644
new mode 100755
similarity index 72%
rename from Lesson10/01-first-class/exercise-2-price-of-basket.js
rename to Lesson10/exercises/exercise-2-price-of-basket.js
index 69ac2a6..fcfc372
--- a/Lesson10/01-first-class/exercise-2-price-of-basket.js
+++ b/Lesson10/exercises/exercise-2-price-of-basket.js
@@ -30,5 +30,8 @@ function totalBasket(basket) {
     .reduce((acc, curr) => acc + curr);
 }
 
-console.assert(totalBasket(basket1) === 5197);
-console.assert(totalBasket(basket2) === 897);
+console.assert(
+  totalBasket(basket1) === 5197,
+  'basket1 should tally up to 5197'
+);
+console.assert(totalBasket(basket2) === 897, 'basket2 should tally up to 897');
diff --git a/Lesson10/exercises/exercise-3-add-product-start.html b/Lesson10/exercises/exercise-3-add-product-start.html
new file mode 100755
index 0000000..1eaf980
--- /dev/null
+++ b/Lesson10/exercises/exercise-3-add-product-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-3-add-product-start.js">
diff --git a/Lesson10/01-first-class/exercise-4-add-product-start.js b/Lesson10/exercises/exercise-3-add-product-start.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/01-first-class/exercise-4-add-product-start.js
rename to Lesson10/exercises/exercise-3-add-product-start.js
diff --git a/Lesson10/exercises/exercise-3-add-product.html b/Lesson10/exercises/exercise-3-add-product.html
new file mode 100755
index 0000000..7bd4c34
--- /dev/null
+++ b/Lesson10/exercises/exercise-3-add-product.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-3-add-product.js">
diff --git a/Lesson10/01-first-class/exercise-4-add-product.js b/Lesson10/exercises/exercise-3-add-product.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/01-first-class/exercise-4-add-product.js
rename to Lesson10/exercises/exercise-3-add-product.js
diff --git a/Lesson10/exercises/exercise-4-render-prop-start.html b/Lesson10/exercises/exercise-4-render-prop-start.html
new file mode 100755
index 0000000..051cd67
--- /dev/null
+++ b/Lesson10/exercises/exercise-4-render-prop-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-4-render-prop-start.js">
diff --git a/Lesson10/01-first-class/exercise-5-render-prop-start.js b/Lesson10/exercises/exercise-4-render-prop-start.js
old mode 100644
new mode 100755
similarity index 98%
rename from Lesson10/01-first-class/exercise-5-render-prop-start.js
rename to Lesson10/exercises/exercise-4-render-prop-start.js
index dcceb3b..aba7005
--- a/Lesson10/01-first-class/exercise-5-render-prop-start.js
+++ b/Lesson10/exercises/exercise-4-render-prop-start.js
@@ -1,5 +1,5 @@
 // Run this with
-// npm run serve exercise-5-render-prop-start.html
+// npm run exercise4
 import React from 'react';
 
 import ReactDOM from 'react-dom';
diff --git a/Lesson10/exercises/exercise-4-render-prop.html b/Lesson10/exercises/exercise-4-render-prop.html
new file mode 100755
index 0000000..d621141
--- /dev/null
+++ b/Lesson10/exercises/exercise-4-render-prop.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-4-render-prop.js">
diff --git a/Lesson10/01-first-class/exercise-5-render-prop.js b/Lesson10/exercises/exercise-4-render-prop.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/01-first-class/exercise-5-render-prop.js
rename to Lesson10/exercises/exercise-4-render-prop.js
diff --git a/Lesson10/exercises/exercise-5-redux-dispatch-start.html b/Lesson10/exercises/exercise-5-redux-dispatch-start.html
new file mode 100755
index 0000000..e9d439a
--- /dev/null
+++ b/Lesson10/exercises/exercise-5-redux-dispatch-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-5-redux-dispatch-start.js">
diff --git a/Lesson10/02-pure/exercise-1-redux-dispatch-start.js b/Lesson10/exercises/exercise-5-redux-dispatch-start.js
old mode 100644
new mode 100755
similarity index 98%
rename from Lesson10/02-pure/exercise-1-redux-dispatch-start.js
rename to Lesson10/exercises/exercise-5-redux-dispatch-start.js
index 97846cf..4832489
--- a/Lesson10/02-pure/exercise-1-redux-dispatch-start.js
+++ b/Lesson10/exercises/exercise-5-redux-dispatch-start.js
@@ -1,5 +1,5 @@
 // Run this with
-// npm run serve exercise-1-redux-dispatch-start.html
+// npm run exercise5
 import React from 'react';
 
 import ReactDOM from 'react-dom';
diff --git a/Lesson10/exercises/exercise-5-redux-dispatch.html b/Lesson10/exercises/exercise-5-redux-dispatch.html
new file mode 100755
index 0000000..b7fd993
--- /dev/null
+++ b/Lesson10/exercises/exercise-5-redux-dispatch.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-5-redux-dispatch.js">
diff --git a/Lesson10/02-pure/exercise-1-redux-dispatch.js b/Lesson10/exercises/exercise-5-redux-dispatch.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/02-pure/exercise-1-redux-dispatch.js
rename to Lesson10/exercises/exercise-5-redux-dispatch.js
diff --git a/Lesson10/02-pure/exercise-2-reducer-test-start.js b/Lesson10/exercises/exercise-6-reducer-test-start.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/02-pure/exercise-2-reducer-test-start.js
rename to Lesson10/exercises/exercise-6-reducer-test-start.js
diff --git a/Lesson10/02-pure/exercise-2-reducer-test.js b/Lesson10/exercises/exercise-6-reducer-test.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/02-pure/exercise-2-reducer-test.js
rename to Lesson10/exercises/exercise-6-reducer-test.js
diff --git a/Lesson10/exercises/exercise-7-items-selector-start.html b/Lesson10/exercises/exercise-7-items-selector-start.html
new file mode 100755
index 0000000..9d40ff5
--- /dev/null
+++ b/Lesson10/exercises/exercise-7-items-selector-start.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-7-items-selector-start.js">
diff --git a/Lesson10/02-pure/exercise-3-items-selector-start.js b/Lesson10/exercises/exercise-7-items-selector-start.js
old mode 100644
new mode 100755
similarity index 98%
rename from Lesson10/02-pure/exercise-3-items-selector-start.js
rename to Lesson10/exercises/exercise-7-items-selector-start.js
index ec5566a..77c1700
--- a/Lesson10/02-pure/exercise-3-items-selector-start.js
+++ b/Lesson10/exercises/exercise-7-items-selector-start.js
@@ -1,5 +1,5 @@
 // Run this with
-// npm run serve exercise-3-items-selector-start.html
+// npm run exercise7
 import React from 'react';
 
 import ReactDOM from 'react-dom';
diff --git a/Lesson10/exercises/exercise-7-items-selector.html b/Lesson10/exercises/exercise-7-items-selector.html
new file mode 100755
index 0000000..eb51650
--- /dev/null
+++ b/Lesson10/exercises/exercise-7-items-selector.html
@@ -0,0 +1,2 @@
+<div id="app"></div>
+<script src="./exercise-7-items-selector.js">
diff --git a/Lesson10/02-pure/exercise-3-items-selector.js b/Lesson10/exercises/exercise-7-items-selector.js
old mode 100644
new mode 100755
similarity index 100%
rename from Lesson10/02-pure/exercise-3-items-selector.js
rename to Lesson10/exercises/exercise-7-items-selector.js
diff --git a/Lesson10/04-composition/exercise-1-2-to-n-compose-start.js b/Lesson10/exercises/exercise-8-2-to-n-compose-start.js
old mode 100644
new mode 100755
similarity index 97%
rename from Lesson10/04-composition/exercise-1-2-to-n-compose-start.js
rename to Lesson10/exercises/exercise-8-2-to-n-compose-start.js
index a128e4e..c608e07
--- a/Lesson10/04-composition/exercise-1-2-to-n-compose-start.js
+++ b/Lesson10/exercises/exercise-8-2-to-n-compose-start.js
@@ -15,7 +15,7 @@ const double = multiply(2);
 
 console.assert(
   compose2(double, add1)(0) === 2,
-  'compose2 behavins as expected'
+  'compose2 behaves as expected'
 );
 console.assert(
   compose3(double, add1, add2)(0) === 6,
diff --git a/Lesson10/04-composition/exercise-1-2-to-n-compose.js b/Lesson10/exercises/exercise-8-2-to-n-compose.js
old mode 100644
new mode 100755
similarity index 97%
rename from Lesson10/04-composition/exercise-1-2-to-n-compose.js
rename to Lesson10/exercises/exercise-8-2-to-n-compose.js
index f1be79c..98a1405
--- a/Lesson10/04-composition/exercise-1-2-to-n-compose.js
+++ b/Lesson10/exercises/exercise-8-2-to-n-compose.js
@@ -18,7 +18,7 @@ const double = multiply(2);
 
 console.assert(
   compose2(double, add1)(0) === 2,
-  'compose2 behavins as expected'
+  'compose2 behaves as expected'
 );
 console.assert(
   compose3(double, add1, add2)(0) === 6,
diff --git a/Lesson10/04-composition/exercise-2-micro-compose-start.js b/Lesson10/exercises/exercise-9-micro-compose-start.js
old mode 100644
new mode 100755
similarity index 96%
rename from Lesson10/04-composition/exercise-2-micro-compose-start.js
rename to Lesson10/exercises/exercise-9-micro-compose-start.js
index 1886e9a..46bbeb0
--- a/Lesson10/04-composition/exercise-2-micro-compose-start.js
+++ b/Lesson10/exercises/exercise-9-micro-compose-start.js
@@ -33,7 +33,7 @@ const authenticate = fn => async (req, res) => {
   return sendError(
     req,
     res,
-    createError(401, `Unauthorizsed: ${responseText}`)
+    createError(401, `Unauthorized: ${responseText}`)
   );
 };
 
diff --git a/Lesson10/04-composition/exercise-2-micro-compose.js b/Lesson10/exercises/exercise-9-micro-compose.js
old mode 100644
new mode 100755
similarity index 96%
rename from Lesson10/04-composition/exercise-2-micro-compose.js
rename to Lesson10/exercises/exercise-9-micro-compose.js
index e014fe3..a582106
--- a/Lesson10/04-composition/exercise-2-micro-compose.js
+++ b/Lesson10/exercises/exercise-9-micro-compose.js
@@ -33,7 +33,7 @@ const authenticate = fn => async (req, res) => {
   return sendError(
     req,
     res,
-    createError(401, `Unauthorizsed: ${responseText}`)
+    createError(401, `Unauthorized: ${responseText}`)
   );
 };
 
diff --git a/Lesson10/exercises/package.json b/Lesson10/exercises/package.json
new file mode 100755
index 0000000..2d6a36f
--- /dev/null
+++ b/Lesson10/exercises/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "exercises",
+  "version": "1.0.0",
+  "description": "Lesson 10 Exercises",
+  "main": "index.js",
+  "scripts": {
+    "serve": "parcel serve",
+    "exercise1": "node exercise-1-re-implement-array-methods-start.js",
+    "exercise1:solution": "node exercise-1-re-implement-array-methods.js",
+    "exercise2": "node exercise-2-price-of-basket-start.js",
+    "exercise2:solution": "node exercise-2-price-of-basket.js",
+    "exercise3": "parcel serve exercise-3-add-product-start.html",
+    "exercise3:solution": "parcel serve exercise-3-add-product.html",
+    "exercise4": "parcel serve exercise-4-render-prop-start.html",
+    "exercise4:solution": "parcel serve exercise-4-render-prop.html",
+    "exercise5": "parcel serve exercise-5-redux-dispatch-start.html",
+    "exercise5:solution": "parcel serve exercise-5-redux-dispatch.html",
+    "exercise6": "node exercise-6-reducer-test-start.js",
+    "exercise6:solution": "node exercise-6-reducer-test.js",
+    "exercise7": "parcel serve exercise-7-items-selector-start.html",
+    "exercise7:solution": "parcel serve exercise-7-items-selector.html",
+    "exercise8": "node exercise-8-2-to-n-compose-start.js",
+    "exercise8:solution": "node exercise-8-2-to-n-compose.js",
+    "exercise9": "node exercise-9-micro-compose-start.js",
+    "exercise9:solution": "node exercise-9-micro-compose.js",
+    "exercise10": "parcel serve exercise-10-refactor-action-creators-start.html",
+    "exercise10:solution": "parcel serve exercise-10-refactor-action-creators.html",
+    "exercise11": "parcel serve exercise-11-map-to-props-start.html",
+    "exercise11:solution": "parcel serve exercise-11-map-to-props.html",
+    "exercise12": "node exercise-12-graphql-micro-start.js",
+    "exercise12:solution": "node exercise-12-graphql-micro.js"
+  },
+  "author": "Hugo Di Francesco",
+  "license": "MIT",
+  "dependencies": {
+    "micro": "^9.3.4",
+    "parcel-bundler": "^1.12.3",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
+    "react-redux": "^7.1.1",
+    "redux": "^4.0.4"
+  }
+}