NiallJoeMaher

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

NiallJoeMaher

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

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

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

// Before 

import OtherComponent from './OtherComponent';

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

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

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

.c-Button {
 background-color: #6515dd;
 border: 1px solid transparent;
 border-radius: 50px;
 box-shadow: none;
 box-sizing: border-box;
 color: #fff;
 cursor: pointer;
 display: flex;
 font-size: 18px;

NiallJoeMaher

// The behaviour was this:
bar.toString() // 'function bar() {}

//now the new behaviour is:
bar.toString(); // 'function /* this is bar */ bar () {}'

NiallJoeMaher

console.log(Symbol('test description').description); // "test description"

console.log(Symbol.iterator.description); // "Symbol.iterator"

console.log(Symbol.for('test description').description); // "test description"