artginzburg

Note: I'll add my opinion to individual rules once I experience enough of the issue related to it.

1. Full paths to binaries.

   Some systems do not have default aliases for some of the CLIs installed (or that may be installed by the user). So it is quite often required to specify the absolute binary path.

   Example

-sudo sed -n '3,5p' textfile.txt

artginzburg

Problem

Have you ever encountered something like Error: listen EADDRINUSE: address already in use :::3000 when your app is starting?

After which you have to change the port or shutdown whatever is running on the already used one...

Solution

npm i react-dev-utils

artginzburg

/* eslint-disable func-names, no-underscore-dangle, no-useless-escape, no-mixed-operators */
/**
 * A drop-in patch for Firefox "dragend" and other {@link DragEvent} events.
 * @author Codesmith <https://bugzilla.mozilla.org/show_bug.cgi?id=505521#c87>
 * @see {@link https://bugzilla.mozilla.org/show_bug.cgi?id=505521 Bugzilla: Bug #505521}
 *
 * @version 0.1.0
 * @link https://gist.github.com/artginzburg/791ea42fb687bc7ca0144e7cc4a1f925
 * @example React.useEffect(firefoxDragEventPatch, []);
 */

artginzburg

Keybase proof

I hereby claim:

• I am artginzburg on github.
• I am aginzburg (https://keybase.io/aginzburg) on keybase.
• I have a public key ASCHV0i_4u0FsLB1mPJCAKXf1HBj4NAaViD9JY8mYpe6FAo

To claim this, I am signing this object:

artginzburg

Clip-path approach (basically pure CSS)

https://medium.com/@zubryjs/squircles-bringing-ios-7s-solution-to-rounded-rectangles-to-css-9fc35779aa65 (includes a JSBin code example: http://jsbin.com/dafiwuwiru/edit?css,output)

SVG approach (JS needed)

https://svelte.dev/repl/ecd8ede2e4944e71a23ac5c3e33d4cb2?version=3.18.1 or https://observablehq.com/@tomwhite/superellipse-generator

artginzburg

openssl req -nodes -new -x509 -keyout server.key -out server.cert

artginzburg

($=_=>`($=${$})()`)()

artginzburg

For macOS to stop showing the puppeteer firewall popup

1. Get to the root of your npm project directory (cd <repo>)

2. Paste the following command in your shell:

sudo codesign --force --deep --sign - ./node_modules/puppeteer/.local-chromium/

artginzburg

export const toClassNames = (arr) => arr.filter(Boolean).join(' ');

export const classNames = (arr) => ({ className: toClassNames(arr) });

artginzburg

GitHub Pages + React Router

The whole setting prevents static routing from ruining the UX by synchronizing your production and development implementations, so they act identically and effectively.

_{Just type git.io/gh-pages-with-react-router to go here}

TL;DR

# package.json