Update react-scripts

Author: Rizchel Dayao

.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "react-app"
+}

.eslintrc.json

@@ -0,0 +1 @@
+package-lock=false

.npmrc

@@ -4,7 +4,7 @@ In this Code Pattern, we will deploy a React application using Kubernetes.
 
 There are many choices when looking for the right solution to manage and deploy our applications. It can often be overwhelming when we're trying to pick the right solution. One of our many choices is Kubernetes. This pattern will take you through how to get a front end application deployed on Kubernetes. After implementing the code, you will have the knowledge to deploy your own applications on Kubernetes. 
 
-This repository uses the React JavaScript library to build out the front end of the application. Redux is a predictable state container used hand in hand with React. The OMDb API is called to get movie information based on user input. It handles all of the state management within the application. Docker is an open source tool that is used to package the application into a container. IBM Cloud provides one to use with Kubernetes deployments called IBM Cloud Container Service. Kubernetes handles the management and deployment of the containerized application.
+This repository uses the React JavaScript library to build out the front end of the application. Redux is a predictable state container used hand in hand with React. It handles all of the state management within the application. The OMDb API is called to get movie information based on user input. Docker is an open source tool that is used to package the application into a container. IBM Cloud provides one to use with Kubernetes deployments called IBM Cloud Container Service. Kubernetes handles the management and deployment of the containerized application.
 
 When the reader has completed this Code Pattern, they will understand how to:
 * Containerize a React application using Docker
@@ -30,7 +30,6 @@ When the reader has completed this Code Pattern, they will understand how to:
 # Watch the video
 
 # Steps
-Use the ``Deploy to IBM Cloud`` button **OR** run locally.
 
 ## Prerequisites
 1. You must get an API key from [OMDb API](http://www.omdbapi.com/) in order to get a response from the API. You will insert your API key in /src/actions/index.js on line 42
@@ -40,19 +39,7 @@ Use the ``Deploy to IBM Cloud`` button **OR** run locally.
 $ export docker_username="YOUR_DOCKER_USERNAME"
 ```
 
-## Deploy to IBM Cloud 
-[![Deploy to IBM Cloud](https://metrics-tracker.mybluemix.net/stats/527357940ca5e1027fbf945add3b15c4/button.svg)](https://bluemix.net/deploy?repository=https://github.com/IBM/watson-banking-chatbot.git)
-
-1. Press the above ``Deploy to IBM Cloud`` button and then click on ``Deploy``.
-
-<!--optional step-->
-2. In Toolchains, click on Delivery Pipeline to watch while the app is deployed. Once deployed, the app can be viewed by clicking 'View app'.
-![](doc/source/images/toolchain-pipeline.png)
-
-
 ## Run locally
-> NOTE: These steps are only needed when running locally instead of using the ``Deploy to IBM Cloud`` button.
-
 1. [Clone the repo](#1-clone-the-repo)
 2. [Run the application](#2-run-the-application)
 
@@ -65,7 +52,6 @@ $ git clone https://github.com/rizcheldayao/react-redux-api-example.git
 ```
 
 ### 2. Run the application
-
 1. Install [Node.js](https://nodejs.org/en/)
 2. Run the following commands in a terminal: 
 
@@ -129,29 +115,6 @@ You can now access the application at http://localhost:3000
 
 <img width="1415" alt="screen shot 2017-03-13 at 6 14 10 pm" src="https://cloud.githubusercontent.com/assets/18426780/23879083/fa0df756-0818-11e7-8569-469367b84280.png">
 
-
-# Privacy Notice
-If using the `Deploy to IBM Cloud` button some metrics are tracked, the following
-information is sent to a [Deployment Tracker](https://github.com/IBM/cf-deployment-tracker-service) service
-on each deployment:
-
-* Node.js package version
-* Node.js repository URL
-* Application Name (`application_name`)
-* Application GUID (`application_id`)
-* Application instance index number (`instance_index`)
-* Space ID (`space_id`)
-* Application Version (`application_version`)
-* Application URIs (`application_uris`)
-* Labels of bound services
-* Number of instances for each bound service and associated plan information
-
-This data is collected from the `package.json` file in the sample application and the `VCAP_APPLICATION` and `VCAP_SERVICES` environment variables in IBM Cloud and other Cloud Foundry platforms. This data is used by IBM to track metrics around deployments of sample applications to IBM Cloud to measure the usefulness of our examples, so that we can continuously improve the content we offer to you. Only deployments of sample applications that include code to ping the Deployment Tracker service will be tracked.
-
-## Disabling Deployment Tracking
-
-To disable tracking, simply remove ``require("cf-deployment-tracker-client").track();`` from the ``app.js`` file in the top level directory.
-
 # Links
 * [Demo on Youtube](https://www.youtube.com/watch?v=Jxi7U7VOMYg)
 * [Blog post](https://medium.com/@rizchel.a.dayao/my-journey-to-deploying-my-first-react-application-with-kubernetes-95e6d25f434d)

README1.md

@@ -6,11 +6,8 @@
   "devDependencies": {
     "enzyme": "^2.4.1",
     "eslint": "^2.0.0-rc.1",
-    "eslint-config-airbnb": "^14.1.0",
-    "eslint-plugin-react": "^6.10.0",
     "node-sass": "^4.5.0",
-    "react-addons-test-utils": "^15.3.0",
-    "react-scripts": "^0.6.0",
+    "react-scripts": "^1.1.1",
     "redux-logger": "^2.8.1",
     "redux-router": "^2.1.2",
     "redux-thunk": "^2.2.0",

package.json

@@ -17,7 +17,6 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="shortcut icon" href="">
     <title>Movie Finder</title>
   </head>
   <body>

public/index.html

@@ -12,8 +12,8 @@ You may obtain a copy of the License at
  See the License for the specific language governing permissions and
  limitations under the License.*/
 
-import React, { Component, PropTypes } from 'react'
-import '../style/main.css';
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 
 class Input extends Component {
   constructor (props) {

src/components/Input.js

@@ -12,7 +12,8 @@ You may obtain a copy of the License at
  See the License for the specific language governing permissions and
  limitations under the License.*/
 
- import React, { PropTypes, Component } from 'react'
+ import React, { Component } from 'react'
+ import PropTypes from 'prop-types'
 
 class ListItem extends Component {
   render() {

src/components/ListItem.js

@@ -15,6 +15,7 @@ You may obtain a copy of the License at
 import React, { Component } from 'react'
 import List from './List'
 import InputSet from './InputSet'
+import '../style/main.css';
 
 class App extends Component {
 

src/containers/App.js

@@ -12,7 +12,8 @@ You may obtain a copy of the License at
  See the License for the specific language governing permissions and
  limitations under the License.*/
 
-import React, { Component, PropTypes } from 'react'
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'react-redux'
 import Input from '../components/Input'
 import * as MoviesAction from '../actions'