Step 4 Import - Export

[mooneex]

App.js

import React from 'react';
import './App.css';
import Header from './Header';
import Technologies from './Technologies';

const App = () => {
  return (
    <div>
    <Header />
    <Technologies />
    </div>);
}

export default App;

[mooneex]

Technologies.js

import React from 'react';

const Technologies =() => {
    return (
    <div>
        <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        </ul>
    </div>
    );
}

export default Technologies;

[mooneex]

Header.js

import React from 'react';

const Header = () => {
    return ( <div>
    <a href='#'>Home</a>
    <a href='#'>News Feed</a>
    <a href='#'>Message</a>
    </div>);
}

export default Header;