As described previously, React is a view engine, enabling you to decompose the app into smaller units, called components. Let's review the auto-generated App component:
import React, { Component } from 'react';import logo from './logo.svg';import './App.css'; class App extends Component { render() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h1 className="App-title">Welcome to React</h1> </header> <p className="App-intro"> To get started, edit <code>src/App.js</code> and save to reload. </p> </div> ); }} export default App;
Before explaining class components, there are additional things to notice here:
import logo from './logo.svg';import './App.css';
CRA-based ...
