- Build an app with Create React App.
- Run the app and see its defaults render in the browser.
- Download a picture of a dog and put it in the
public
folder
- 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
- See the app update in the browser
- Build the app.
- Deploy the app to a static hosting provider like Surge.
- Change the content of the
<h1>
.
- Rebuild the app.
- Redeploy the app.