Merge pull request #1 from jbarroso/16_refactoring_hooks_remove_containers

16 refactoring hooks remove containers

Author: jbarroso

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1 @@
+src/serviceWorker.js

.github/workflows/push.yml

@@ -0,0 +1,11 @@
+name: TodoMVC React
+on: push
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Lint
+        run: docker-compose run --rm todomvc-front-app npm run eslint
+      - name: Test
+        run: docker-compose -f docker-compose.yml -f cypress/docker-compose-cypress.yml up --exit-code-from cypress

.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+cypress/screenshots
+cypress/videos

.storybook/addons.js

@@ -0,0 +1,3 @@
+import addons from '@storybook/addons';
+import registerRedux from 'addon-redux/register';
+registerRedux(addons);

.storybook/decorators.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import addons from '@storybook/addons';
+import withReduxCore from 'addon-redux/withRedux';
+import store from './store';
+
+export const withRedux = (state, actions) => withReduxCore(addons)({
+  Provider, store, state, actions
+})

.storybook/main.js

@@ -0,0 +1,9 @@
+module.exports = {
+  stories: ['../src/**/*.stories.js'],
+  addons: [
+    '@storybook/preset-create-react-app',
+    '@storybook/addon-actions',
+    '@storybook/addon-links',
+    'addon-redux/register',
+  ],
+};

.storybook/preview.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import { addDecorator } from '@storybook/react';
+
+import 'todomvc-app-css/index.css';
+
+addDecorator(storyFn =>
+  <BrowserRouter>
+    <div className="todoapp">{storyFn()}</div>
+  </BrowserRouter>
+);

.storybook/store.js

@@ -0,0 +1,5 @@
+import { createStore } from 'redux';
+import withReduxEnhancer from 'addon-redux/enhancer'
+import initialState from '../src/reducers/initialState';
+
+export default createStore((state = initialState, _) => state, withReduxEnhancer);

README.md

@@ -1,3 +1,33 @@
+# TodoMVC React
+
+## Docker
+
+### `docker-compose up`
+Runs the app in the development mode
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+### `docker-compose run --rm todomvc-front-app npm test`
+Launches the test runner in the interactive watch mode.<br />
+
+### `docker-compose -f docker-compose-nginx.yml up`
+Runs the app in the production mode
+Open [http://localhost](http://localhost) to view it in the browser.
+
+## Cypress with Docker
+
+### `docker-compose -f docker-compose.yml -f cypress/docker-compose-cypress.yml up --exit-code-from cypress`
+Runs Cypress e2e tests
+
+### `docker-compose -f docker-compose.yml -f cypress/docker-compose-cypress.yml -f cypress/docker-compose-cypress-open.yml up`
+Opens Cypress Test Runner
+
+## Storybook with Docker
+### `docker-compose -f docker-compose-storybook.yml up`
+Opens Storybook app
+Open [http://localhost:9009](http://localhost:9009) to view it in the browser.
+
+# React Create App
+
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
 ## Available Scripts