Add React Redux to Examples

.gitignore

@@ -2,4 +2,7 @@
 /bower_components
 /dist
 /tooling/node_modules
-cypress/screenshots
+/cypress/screenshots
+/cypress/videos
+/.tmp
+.DS_Store

.travis.yml

@@ -183,6 +183,10 @@ jobs:
       env:
         - CYPRESS_framework=react-backbone
       <<: *defaults
+    - stage: test
+      env:
+        - CYPRESS_framework=react-redux
+      <<: *defaults
     - stage: test
       env:
         - CYPRESS_framework=reagent

circle.yml

@@ -41,6 +41,8 @@ jobs:
     <<: *defaults
   react:
     <<: *defaults
+  react-redux:
+    <<: *defaults
   vue:
     <<: *defaults
   angularjs:
@@ -150,6 +152,7 @@ workflows:
       - backbone
       - dojo
       - react
+      - react-redux
       - vue
       - angularjs
       - knockback

examples/react-redux/.eslintrc

@@ -0,0 +1,17 @@
+{
+    "env": {
+        "jest": true
+    },
+    "extends": ["eslint:recommended", "plugin:react/recommended"],
+    "settings": {
+        "react": {
+            "version": "16.14.0"
+        }
+    },
+    "rules": {
+        "no-extra-parens": 0,
+        "react/prop-types": 0,
+        "react/react-in-jsx-scope": 0
+        // "react/jsx-max-props-per-line": [1, { "maximum": 2 }]
+    }
+}

examples/react-redux/.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+/node_modules

examples/react-redux/README.md

@@ -0,0 +1,51 @@
+# TodoMVC: React-Redux
+
+## Description
+
+This application uses React in combination with Redux to implement a todo application.
+
+-   [React](https://reactjs.org/) is a JavaScript library for creating user interfaces.
+-   [Redux](https://redux.js.org/) centralizes your application's state.
+-   [React-Redux](https://react-redux.js.org/) is designed to work with React's component model.
+
+## Implementation details
+
+This implementation uses Redux to manage state and data flow of the application.
+The Redux pattern is similar to a mvc patter, with the main difference that Redux is unidirectional.
+Redux uses actions to dispatch a change, which is captured by reducers that update a central store.
+Once the state in the store updates, the view receives the new state and can reflect those changes to the user.
+
+Redux:\
+Model: Redux store\
+View: React ui components\
+controller: React connected components + Redux reducers
+
+MVC:\
+Model: maintains the data and behavior of an application\
+View: displays the model in the ui\
+Controller: serves as an interface between view & model components
+
+The storage solution uses an in-memory data object that implements a simple array to hold the todos.
+
+## Built steps
+
+To build the static files, this application utilizes webpack. It minifies and optimizes output files and copies all necessary files to a `dist` folder.
+
+## Requirements
+
+The only requirement is an installation of Node, to be able to install dependencies and run scripts to serve a local server.
+
+```
+* Node (min version: 18.13.0)
+* NPM (min version: 8.19.3)
+```
+
+## Local preview
+
+```
+terminal:
+1. npm install
+2. npm run dev
+browser:
+1. http://localhost:7001/
+```

examples/react-redux/babel.config.js

@@ -0,0 +1,7 @@
+// This file is used for Jest to function properly.
+module.exports = {
+    presets: [
+        ["@babel/preset-env", { targets: "defaults" }],
+        ["@babel/preset-react", { runtime: "automatic" }],
+    ],
+};

examples/react-redux/dist/app.bundle.js.LICENSE.txt

@@ -0,0 +1,65 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.14.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */