csandman

git rm -r --cached . && git add . && git commit -am "Remove ignored files" && git push

csandman

// inspired by:
// https://gist.github.com/joshuacerbito/ea318a6a7ca4336e9fadb9ae5bbb87f4
import { useEffect, useState } from 'react';

const isValidFunction = (func) => {
  return func && typeof func === 'function';
};

export default function useScroll({ onScroll, onScrollUp, onScrollDown }) {
  const [scroll, setScroll] = useState(

csandman

function fetchWithTimeout(url, options, timeout, onTimeout) {
  const timer = new Promise((resolve) => {
    setTimeout(resolve, timeout, {
      timeout: true,
    });
  });
  return Promise.race([fetch(url, options), timer])
    .then((response) => {
      if (response.timeout) {
        onTimeout();

csandman

How to Squash Git Commits

Borrowed from wprig

Some applications that interact with git repos will provide a user interface for squashing. Refer to your application's document for more information.

If you're familiar with Terminal, you can do the following:

• Make sure your branch is up to date with the master branch.
• Run git rebase -i master.

csandman

function getNumberWithOrdinal(n) {
  const s = ["th", "st", "nd", "rd"];
  const v = n % 100;
  return n + (s[(v - 20) % 10] || s[v] || s[0]);
}

csandman

<?xml version="1.0" encoding="utf-8"?>
<profile>
    <!-- profile name -->
    <name lang="eng">AAC-stereo</name>

    <!-- Common MKV flags -->
    <mkvSettings 
        ignoreForcedSubtitlesFlag="true"
        useISO639Type2T="false"
        setFirstAudioTrackAsDefault="true"

csandman

Usage: HandBrakeCLI [options] -i <source> -o <destination>

General Options --------------------------------------------------------------

   -h, --help              Print help
   --version               Print version
   --json                  Log title, progress, and version info in
                           JSON format
   -v, --verbose[=number]  Be verbose (optional argument: logging level)
   -Z. --preset <string>   Select preset by name (case-sensitive)

csandman

Setup for ESLint and Prettier

Here is a quick guide for getting set up with a basic react app with eslint and prettier

Installation

1. First run

npx create-react-app app-name
cd app-name

csandman

<?xml version="1.0"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="React Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />

csandman

A somewhat niche problem is opening a centered popup window when you have multiple monitors. One you case you might encounter for this is opening a Twitter Web Intent window, which creates a tweet for a user to post. Here is their recomended code for opening a Web Intent popup:

(function() {
  if (window.__twitterIntentHandler) return;
  var intentRegex = /twitter\.com\/intent\/(\w+)/,
      windowOptions = 'scrollbars=yes,resizable=yes,toolbar=no,location=yes',
      width = 550,
      height = 420,
      winHeight = screen.height,