Violet-Bora-Lee

// in util.js
export default function times(x) {
  return x * x;
}
// in app.js
import k from './util.js';
console.log(k(4)); // returns 16

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'));