NiallJoeMaher

import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'
import Button from './'

const seperatorStyles = {
 height: 2,
 background: '#999',
 margin: '30px 0'
}

NiallJoeMaher

import React from 'react'
import { storiesOf } from '@storybook/react'
import { action } from '@storybook/addon-actions'
import { withInfo } from "@storybook/addon-info";
import Button from './'
 
const seperatorStyles = {
 height: 2,
 background: '#999',
 margin: '30px 0'

NiallJoeMaher

// Before 

import OtherComponent from './OtherComponent';

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  );

NiallJoeMaher

// Before 

import React, { Component, Suspense, lazy } from "react";
import ReactDOM from "react-dom";

import { BrowserRouter as Router, Route, Link } from "react-router-dom";

import Home from './Home'
import Topics from './Topics'
import Settings from './Settings'

NiallJoeMaher

import { useReducer, useCallback } from 'react';

// Usage
function App() {
  const { state, set, undo, redo, clear, canUndo, canRedo } = useHistory({});

  return (
    <div className="container">
      <div className="controls">
        <div className="title">👩‍🎨 Click squares to draw</div>

NiallJoeMaher

{
  "policyName": "Adam Scott",
  "policyNumber": 14567862,
  "dateOfBirth": "31/08/1965"
}

NiallJoeMaher

{
  "policyName": "Jane Dobbs",
  "policyNumber": 98765465,
  "dateOfBirth": "15/11/1968"
}