React Deployment Drill

  1. Build an app with Create React App.
  2. Run the app and see its defaults render in the browser.
  3. Download a picture of a dog and put it in the public folder
  4. Replace the contents of App.js with the following:
import "./App.css"

const App = () => {
  return (
    <div className="App">
      <h1>React Rocks!</h1>
      <img src="name-of-dog-file-goes-here.jpg" />
    </div>
  )
}

export default App
  1. See the app update in the browser
  2. Build the app.
  3. Deploy the app to a static hosting provider like Surge.
  4. Change the content of the <h1>.
  5. Rebuild the app.
  6. Redeploy the app.