Robert S. codeBelt

You can use the tuple() function in tuple.ts to infer tuple types in TypeScript and cut down on the need to repeat yourself. Without tuple(), declaring a constant of a tuple type looks like this:

const daysOfTheWeek: ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"] = 
  ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];

You can't do this:

const daysOfTheWeek = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];

If you use Storybook with Next.js and have components using next/link you'll have to mock next/router the same you would for testing with Jest or others. Simply create a file with the mock router as shown below and import it in your Storybook config.

This is based on some information from an issue on Next.js:

vercel/next.js#1827

Improved .visually-hidden

Theorically bulletproof CSS class for visually hide anything and keep it accessible to ATs.

A Pen by ffoodd on CodePen.

License.

Submit PR via https://docs.npmjs.com/cli/link

What you want

You want B to depend on A but
A is not on npm (or it is - but you don't feel like publishing after each fix)

npm link

While standing in A npm link makes a global package of A. Verify by npm ls -g --depth=0.
A can then be used by B by doing npm link A while inside B. Verify by npm ls --depth=0.

	/**************************\
	Basic Modal Styles
	\**************************/

	.modal {
	font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
	}

	.modal__overlay {
	position: fixed;

	import { OnDestroy } from '@angular/core';
	import { Subject } from 'rxjs/Subject';

	export abstract class BaseComponent implements OnDestroy {

	protected destroyed$: Subject<boolean> = new Subject();

	protected constructor() {}

	ngOnDestroy(): void {

	import React from 'react';
	import {Provider} from 'mobx-react';

	const stub = () => true;

	export const exampleStore = {
	app: {},
	auth: {
	checkAuth: stub
	},

	// this script return the currency symbol position (before/after) depending of the locale

	const getCurrencySymbolPosition = function (locale, currency) {
	let currencyString = new Intl.NumberFormat(locale, {
	style: "currency",
	currency: currency,
	currencyDisplay: "code"
	}).format(99); // number doesn't matter here

	if (currencyString.slice(0, 3) == currency) {

	// check version
	node -v \|\| node --version

	// list locally installed versions of node
	nvm ls

	// list remove available versions of node
	nvm ls-remote

	// install specific version of node

	import * as React from 'react'
	import { Field, WrappedFieldProps } from 'redux-form'

	export interface OwnProps {
	name: string,
	type?: string,
	label?: string,
	help?: string,
	}