mikekoro

import Web3 from 'web3';

export const getMetamask = (windowObject) => {

	if(!windowObject.web3) {
		return false
	}
	return windowObject.web3;

}

mikekoro

class Spiderman {
  lookOut() {
    alert('My Spider-Sense is tingling.');
  }
}

let miles = new Spiderman();
miles.lookOut();

mikekoro

import axios from 'axios';

/**
 * Pull public gists from a Github user by their username
 * @param {string} username Github username
 */
export const getGistsByUsername = async (username) => {

    try {
        let response = await axios({

mikekoro

// useSockets.js

import React, {
    useState
} from 'react';
import io from 'socket.io-client';

export default function useSocket() {

    const [Socket, setSocket] = useState(null);

mikekoro

const RandomNumberGenerator = () => {

    const [number, setNumber] = useState(Math.random());
    const regenerate = () => {
        setNumber(Math.random());
    }
    const RandomNumber = () => {
        return number;
    }
    return { regenerate, RandomNumber };

mikekoro

import React from 'react';
import { act, renderHook } from '@testing-library/react-hooks'; // Don't forget to install this package
import { useValue } from "./useValue";

it("Custom hook hooks:)", () => {
    const { result } = renderHook(useValue);
    act(() => {
        result.current.assignValue('Hello World');
    });
    expect(result.current.value).toBe('Hello World');

mikekoro

// LoginPage.js

import React from 'react';
import { LoginForm } from 'LoginForm';
import { useValue } from 'useValue';

export default function LoginPage() {

    const  { value, assignValue } = useValue(false); // Calling our custom hook; false is the initial value this time around

mikekoro

import React from 'react';
import { LoginForm } from 'LoginForm';
import { useValue } from 'useValue';

export default function LoginPage() {

    const  { value, assignValue } = useValue(false); // Calling our custom hook; false is the initial value this time around

    function handleSubmit() {
        assignValue(true);

mikekoro

// LoginForm.js

import React from 'react';
import  { useValue } from './useValue';

export function LoginForm({ handleSubmit }) {

    const  { value, assignValue } = useValue(''); // empty string is the initial value;
    
    function handleChange(e) {

mikekoro

// useValue.js

import React, { useState } from 'react';
export const useValue = (initial_value) => {

    const [value, setValue] = useState(initial_value);

    const assignValue = (input) => {
        setValue(input);
    }