alexdemers

import { useEffect, useState } from 'react';

export const useDebouncedState = <T>(initialValue: T, delay: number) => {
	const [value, setValue] = useState(initialValue);
	const [debouncedValue, setDebouncedValue] = useState(value);

	useEffect(() => {
		const handler = setTimeout(() => {
			setDebouncedValue(value);
		}, delay);

alexdemers

// replace occurences of :vars in the string.
// "This :thing is great!".format
String.prototype.format = function(replacements) {
	var str = this;
	for (var key in replacements) {
		if (replacements.hasOwnProperty(key)) {
			str = str.replace(':' + key, replacements[key]);
		}
	}