Component Tree

• component is custom HTML Element
  • that hold other pieces ot the user interface

App.js is root

// App - Root component
function App() {
  return (
    <div className="App">
    <h2>Hello</h2>
    </div>
  );
}

export default App;

• App.js is root component
• only root rendered directly into single HTML page

Component Convention

making component is free but there is common convention.

1. Start with a capital character
2. one word where if you combine multiple words in one word