Pointed samples to actual version of the library

patrickCode · patrickCode · commit 20d127361f71 · 2020-10-21T04:29:49.000+05:30
diff --git a/README.md b/README.md
@@ -92,8 +92,12 @@ Location: https://github.com/microsoft/redux-micro-frontend/tree/main/sample
 
 Instruction for running Sample App
 1. Go to sample/counterApp and run `npm i` and then `npm run start start-component`
-2. Go to sample/todoAoo and run `npm i` and then `npm run start start-component`
+2. Go to sample/todoApp and run `npm i` and then `npm run start start-component`
 3. Go to sample/shell and run `npm i` and then `npm run start`
+4. Browse http://localhost:6001
+
+## Documentation
+[See Github wiki](https://github.com/microsoft/redux-micro-frontend/wiki)
 
 ## Appendix
 - To learn the basics for Redux check for [official documentation of Redux](https://redux.js.org/) - https://redux.js.org/.
diff --git a/sample/counterApp/package-lock.json b/sample/counterApp/package-lock.json
diff --git a/sample/counterApp/package.json b/sample/counterApp/package.json
@@ -32,8 +32,7 @@
         "start-component": "webpack serve --config ./webpack.config.mf.js"
     },
     "private": false,
-    "dependencies": {
-    },
+    "dependencies": {},
     "devDependencies": {
         "@babel/cli": "^7.12.1",
         "@babel/core": "^7.12.3",
@@ -50,6 +49,6 @@
         "webpack-dev-server": "^3.11.0",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
-        "redux-micro-frontend": "file:../../lib"
+        "redux-micro-frontend": "1.0.0"
     }
 }
diff --git a/sample/counterApp/src/appCounter.js b/sample/counterApp/src/appCounter.js
@@ -56,9 +56,9 @@ export class AppCounter extends React.Component {
             <div>
                 <Counter count={this.state.global} header="Global Counter" increment={this.incrementGlobalCounter} decrement={this.decrementGlobalCounter}></Counter>
                 <Counter count={this.state.local} header="Local Counter" increment={this.incrementLocalCounter} decrement={this.decrementLocalCounter}></Counter>
-                <h1>
+                <h2>
                     Todo Counter
-                </h1>
+                </h2>
                 <span>{this.state.todo}</span>
             </div>
         )
diff --git a/sample/counterApp/src/counter.js b/sample/counterApp/src/counter.js
@@ -4,7 +4,7 @@ export class Counter extends React.Component {
     render() {
         return (
             <div>
-                <h1>{this.props.header}</h1>
+                <h2>{this.props.header}</h2>
                 <span>{this.props.count}</span>
                 <button onClick={this.props.increment}>+</button>
                 <button onClick={this.props.decrement}>-</button>
diff --git a/sample/shell/index.html b/sample/shell/index.html
@@ -5,7 +5,10 @@
     </head>
 
     <body>
+        <h1>MF 1 - Counter App</h1>
         <div id="counter"></div>
+        <hr />
+        <h1>MF 2 - Todo App</h1>
         <div id="todo"></div>
     </body>
 </html>
diff --git a/sample/shell/package-lock.json b/sample/shell/package-lock.json
diff --git a/sample/shell/package.json b/sample/shell/package.json
@@ -34,7 +34,7 @@
     "dependencies": {
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
-        "redux-micro-frontend": "file:../../lib"
+        "redux-micro-frontend": "1.0.0"
     },
     "devDependencies": {
         "clean-webpack-plugin": "^3.0.0",
diff --git a/sample/todoApp/package-lock.json b/sample/todoApp/package-lock.json
diff --git a/sample/todoApp/package.json b/sample/todoApp/package.json
@@ -32,8 +32,7 @@
         "start-component": "webpack serve --config ./webpack.config.mf.js"
     },
     "private": false,
-    "dependencies": {
-    },
+    "dependencies": {},
     "devDependencies": {
         "@babel/cli": "^7.12.1",
         "@babel/core": "^7.12.3",
@@ -50,6 +49,6 @@
         "webpack-dev-server": "^3.11.0",
         "react": "^16.14.0",
         "react-dom": "^16.14.0",
-        "redux-micro-frontend": "file:../../lib"
+        "redux-micro-frontend": "1.0.0"
     }
 }
diff --git a/sample/todoApp/src/addTodo.js b/sample/todoApp/src/addTodo.js
@@ -15,6 +15,7 @@ export class AddTodo extends React.Component {
     render() {
         return (
             <div>
+                <label>Add Todo Object</label>
                 <input type='Text' placeholder="Enter Todo" ref={node => {
                     this.description = node;
                 }}></input>
diff --git a/sample/todoApp/src/todoList.js b/sample/todoApp/src/todoList.js
@@ -57,6 +57,7 @@ export class TodoList extends React.Component {
         return (
             <div>
                 <AddTodoComponent addTodo={this.addTodo}></AddTodoComponent>
+                <h2>Todos</h2>
                 <ul>
                     {this.state.todos.map(todo => {
                         return (
