Cool-Runningz

import { useEffect, useState } from "react";

const useFetchAsync = (initialUrl, options) => {
    const [data, setData] = useState([]);
    const [loading, setLoading] = useState(false);
    const [error, setError] = useState(null);
    const [url, setUrl] = useState(initialUrl || "")

    useEffect(() => {
        if(!url) return

Cool-Runningz

import { useEffect, useState, useReducer } from "react";

const initialReducerState = {
    data: [],
    loading: false,
    error: null
}

const ActionType = {
    FETCH: 'FETCH_INIT',

Cool-Runningz

import { useEffect, useState } from "react";

const useFetch = (initialUrl, options) => {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);
  const [url, setUrl] = useState(initialUrl || "")

  useEffect(() => {
    if(!url) return

Cool-Runningz

import { useEffect, useState } from "react";

function useMediaQuery(mediaQuery: string): boolean {
    const [isMediaMatch, setIsMediaMatch] = useState(window.matchMedia(mediaQuery).matches);

    useEffect(() => {
        const mediaQueryList = window.matchMedia(mediaQuery);
        const mqlHandler = () => setIsMediaMatch(mediaQueryList.matches);

        mediaQueryList.addEventListener("change", mqlHandler);

Cool-Runningz

[
  
  {'city': 'Abbeville', 'state': 'Louisiana'},
  {'city': 'Aberdeen', 'state': 'Maryland'},
  {'city': 'Aberdeen', 'state': 'Mississippi'},
  {'city': 'Aberdeen', 'state': 'South Dakota'},
  {'city': 'Aberdeen', 'state': 'Washington'},
  {'city': 'Abilene', 'state': 'Texas'},
  {'city': 'Abilene', 'state': 'Kansas'},

Cool-Runningz

{
  "Console Log": {
    "prefix": "cl",
    "body": "console.log('$1')",
    "description": "Inserts console.log('')"
  },
  "Inserts a noop": {
    "prefix": "noop",
    "body": ["() => {}"],
    "description": "Inserts a noop"

Cool-Runningz

Unit Testing with Jest & Enzyme

This article was created to help you get up and running with Jest and Enzyme. It will cover installing and configuring Jest and Enzyme (not using Create React App). Basic unit test examples can be found in the source code.

Disclaimer

All the information provided has been compiled and adapted from the references cited at the end and throughtout the document. The guidelines are illustrated by either my own examples or samples found when researching this topic. A big thanks to all the authors who wrote the sources of information.