codenickycode

const SomeEnum = {
  SomeValue: 'SomeValue',
  SomeOtherValue: 'SomeOtherValue'
} as const;

type SomeEnumKey = keyof typeof SomeEnum

codenickycode

type FooContextType = { some: 'type' };

export const FooContext = React.createContext<FooContextType | undefined>(
  undefined
);

export function FooProvider(props: { children: React.ReactNode }): JSX.Element {
  const value = useFoo();
  return (
    <FooContext.Provider value={value}>{props.children}</FooContext.Provider>

codenickycode

declare global {
  interface Window {
    someSDK: SomeSDKType | undefined;
  }
}

/**
 * Wrap a script-added SDK so it is usable in server and client contexts.
 * This allows it to be freely used without errors related to undefined `window`
 */

codenickycode

/**
 * Safely execute browser only code.
 *
 * @param fn - The function to execute.
 * @param fallback - Optional default return value.
 *
 */
function browserOnly<T>(
  fn: (window: Window, document: Document) => T,
  fallback?: T

codenickycode

1. Add or subtract the percentage given in the problem from 100% to determine what percentage we have.
2. Find 1% by dividing by the percentage found in the previous step.
3. Find 100% (original amount) by multiplying your answer in step 2 by 100.

<100% Example:
A shop is having a sale where all items are 30% off. 
An item is on sale for $84.
What was the original price of the item?

100% - 30% = 70% of the original price

codenickycode

const sleep = (ms: number) => new Promise(r => setTimeout(r, ms));

codenickycode

 function useGoBackBrowserSync() {
   useEffect(() => {
    return history.listen((newLocation, action) => {
      if (action === 'POP') {
        history.goBack();
      }
    });
  }, [history]);
}