Violet-Bora-Lee

import { times, plusTwo } from './util.js';
console.log(times(2));
console.log(plusTwo(3));

Violet-Bora-Lee

export function times(x) {
  return x * x;
}
export function plusTwo(number) {
  return number + 2;
}

Violet-Bora-Lee

export default function times(x) {
  return x * x;
}

Violet-Bora-Lee

export default App;

Violet-Bora-Lee

import React, { Component } from 'react';

Violet-Bora-Lee

const HelloWorld = ({ hello }) => {
  return <h1>{hello}</h1>;
}

Violet-Bora-Lee

const HelloWorld = (props) => {
  return <h1>{props.hello}</h1>;
}

Violet-Bora-Lee

reactFunction = () => {
  const { name, email } = this.state;
};

Violet-Bora-Lee

//index.js file

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

Violet-Bora-Lee

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" />