3. Full React Tutorial #3 - Components & Templates

TBD

01

Versions 16 and prior might need the import statement at the beggining of the App.js file 

import React from 'react'

but we don't need it

02

To add inline styles to an object, insert it into the style attribute as an object 

import './App.css';


function App() {
return (
<div className="App">
 <header className="App-header">
  <p>
   Edit <code>src/App.js</code> and save to reload.
  </p>
  <a style={{ 
    padding: '10rem' , 
    background: 'white' , 
    color: 'magenta' , 
    }}      
   className="App-link"
   href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
   Learn React
  </a>
  </header>
</div>
);
}

export default App;

03

**Remember class is a keyword in javascript so we use className camelcased