Merge pull request #34 from udaypydi/feat/code-cleanup

Feat/code cleanup

Author: udaypydi

index.js

@@ -3,4 +3,10 @@ import ReactDOM from 'react-dom';
 import Loader from 'uielements/loader/loader.component';
 const App = React.lazy(() => import('./src/app'));
 
-ReactDOM.render(<Suspense fallback={<Loader />}><App /></Suspense>, document.getElementById('root'));
+const Index = () => (
+    <Suspense fallback={<Loader />}>
+        <App />
+    </Suspense>
+);
+
+ReactDOM.render(<Index />, document.getElementById('root'));

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "build": "webpack ---config ./config/webpack.prod.config.js",
-    "dev": "webpack-dev-server --config ./config/webpack.dev.config.js",
+    "dev": "webpack-dev-server --config ./config/webpack.dev.config.js --open",
     "lint": "./node_modules/.bin/eslint --ext .js,.jsx src/",
     "test": "jest --collect-coverage",
     "test:watch": "jest --watch"

src/app.scss

@@ -20,9 +20,23 @@ body {
 
     .App--Image {
         height: 200px;
+        animation: rotation 10s infinite linear;
+        -webkit-animation:rotation 10s infinite linear;
     }
 
     .App--Title {
         font-size: 2rem;
     }
 }
+
+@keyframes rotation {
+   from { 
+       -webkit-transform:rotate(0deg); 
+       transform: rotate(0deg);
+    }
+   to   { 
+       -webkit-transform:rotate(359deg); 
+       transform: rotate(359deg);
+   }
+}
+