1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

import react from 'react';
import reactDom from 'react-dom';

function App() {
  return (
    <div> 
      <h1>John Mavrick</h1>
      <p>Bla bla bla this is a paragraph</p>
      <ol>I would like to visit:
        <li>Africa</li>
        <li>And Africa</li>
        <li>Or Africa</li>
      </ol>
    </div> //used for multi-element functions
  )
}

export default App; //exports for other files to use

1
2
3
4
5
6
7
8

// ./ means search from current dir, no need to include .js
import App from './App';


ReactDOM.render(
	<MyApp />,
	document.getElementById('root')
);

1

list from ReactJS Components AND !outgoing(ReactJS Components)