Ryan Sullivan ryansully

Use with the following

react-router
redux-form

You must use this compontent on the route component where the form is shown not on the form component itself. This is because this.props.route is only added to route components, and I didn't want to pass that down through props.

Inspired by this Codepad

Feedback appreciated

Simple Webhook Tutorial

In this tutorial, I will be explaining how to set up a simple webhook to relay your tweets to a Discord channel

Step 1 - Register on Zapier

Go to https://zapier.com/ and create an account (if you don't already have one).

Step 2 - Make a Discord Webhook

Find the Discord channel in which you would like to send Tweets

Glob Up and Running

To test a glob pattern go over to globtester and play around with creating your own file structure online, it's super easy to get started that way.

If you want to test out a glob pattern in the terminal use echo followed by the pattern, for instance.

echo **/*.js

	Mute these words in your settings here: https://twitter.com/settings/muted_keywords

	ActivityTweet
	generic_activity_highlights
	generic_activity_momentsbreaking
	RankedOrganicTweet
	suggest_activity
	suggest_activity_feed
	suggest_activity_highlights
	suggest_activity_tweet

	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.:

	import { eventChannel } from 'redux-saga'

	function firebaseChannel(firebase, {
	eventType = 'value',
	returnSnapshot = false,
	} = {}) {
	return eventChannel(emit => {
	const subscription = firebase.on(eventType, snapshot => {
	emit(returnSnapshot ? { snapshot } : { value: snapshot.val() })
	})

	// install
	// npm i gulp-cache gulp-imagemin imagemin-pngquant imagemin-zopfli imagemin-mozjpeg imagemin-giflossy -f
	// node node_modules/jpegtran-bin/lib/install.js
	// node node_modules/gifsicle/lib/install.js
	// node node_modules/zopflipng-bin/lib/install.js
	// node node_modules/mozjpeg/lib/install.js
	// node node_modules/giflossy/lib/install.js
	// node node_modules/pngquant-bin/lib/install.js

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {

	#!/bin/bash

	# Tom Hale, 2016. MIT Licence.
	# Print out 256 colours, with each number printed in its corresponding colour
	# See http://askubuntu.com/questions/821157/print-a-256-color-test-pattern-in-the-terminal/821163#821163

	set -eu # Fail on errors or undeclared variables

	printable_colours=256

	// :: (String, String) => String
	const spawn = require('child_process').spawnSync;

	// :: String => [String]
	const getRules = raw => raw
	.split('\n')
	.map(line => line.trim())
	.filter(line => !!line)
	.filter(line => line[0] !== '/' && line[0] !== '✖')
	.map(line => line.match(/[a-z-]+$/)[0]);