Vince Speelman VinSpee

TL;DR: If you want to see me perform a spoken word poem about JavaScript in front of 1000 people (and on video), please ⭐ star this gist. If you're on mobile, you'll need to request desktop site.

JavaScript Slam Poetry

This is a proposal for ReactiveConf 2017 open call for Lightning talks. If you'd like to make this talk happen, please 🌟 this gist and retweet my tweet. 🙏

If you're on your phone, please request the 🖥 desktop site to star this gist 😇

I would talk about some myths on Jest & Enzyme. Moreover to stop the comparison of Jest and Enzyme. Instead would focus on how they can work together to test well your React Components. The talk would focus on "How Jest and Enzyme complement each other" and can help you test React components in a better way.

If you are writing tests: you are already winning.
If you are not writing tests:let me encourage you to start.
Jest.
Snapshot Testing.

Amplifr Landings Rules

Amplifr’s rules for landing pages created by outsource.

Requirements

Getting the Gist of GitHub Actions

Tutorial and tips for GitHub Actions workflows

`assert()` (sometimes called `invariant()`)

Instead of checks like:

if (value === null) {
  throw new Error("missing value")
}
doSomethingThatNeedsValue(value)

💡 HOWTO: Debug your server-side Remix code using VSCode

✨ New in Remix v1.3.5

The latest release of Remix fixes sourcemaps so you no longer need to use any hacks to set breakpoints in your route modules. Simply start the debugger and Remix will hit the breakpoint in your loaders and actions.

Debugging session even survives edits and Live Reload.

	// @flow
	// flow-typed signature: aa279642a4cb992a390fedc5acdc896d
	// flow-typed version: react-native_v0.5.0/flow_v0.65.0

	type RNW$Dimension = {\| fontScale: number, height: number, scale: number, width: number \|};
	type RNW$DimensionsObject = {\| window: RNW$Dimension, screen: RNW$Dimension \|};

	type RNW$StyleObject = { [key: string]: * };
	type RNW$Style = mixed;
	type RNW$Styles = RNW$StyleObject \| RNW$Style \| Array<RNW$Styles>;

	/**
	* @flow
	*/

	import VisuallyHidden from "@reach/visually-hidden";
	import instyle from "instyle";
	import * as React from "react";
	import { Focus } from "react-events/focus";
	import { Drag } from "react-events/drag";
	import { Press } from "react-events/press";

	import childProcess from 'child_process';
	import fs from 'fs';
	import dotenv from 'dotenv';
	import prettier from 'prettier';

	const rootDir = process.cwd();

	dotenv.config({
	path: `${rootDir}/.env.production`,
	});