segunadebayo

/*

In JavaScript, objects can be used to serve various purposes.

To maximise our usage of the type system, we should assign different types to our objects depending
on the desired purpose.

In this blog post I will clarify two common purposes for objects known as records and dictionaries
(aka maps), and how they can both be used with regards to the type system.

segunadebayo

import React from "react";
import { useButton, mergeProps } from "reakit";

function Button(props) {
  // useButton should be used when the props are being applied to a non-button element
  const button = useButton();
  return <div {...mergeProps(button, props)} />;
}

// return value of useButton

segunadebayo

import NextHead from 'next/head'
import React from 'react'
import ReactGA from 'react-ga'
import Router from 'next/router'

// GA Tracking Id
const gaTrackingId = '[GOOGLE ANALYTICS TRACKING ID GOES HERE]'


Router.onRouteChangeComplete = () => {

segunadebayo

// Using className

import React from "react";
import Link from "next/link";
import { useRouter } from "next/router";

const NavLink = ({ children, activeClassName, ...props }) => {
  const router = useRouter();
  const child = React.Children.only(children);