tfiechowski’s gists

tfiechowski / async-update.js

Created January 9, 2021 13:52

	import { useState } from "react";
	import { wait } from "./wait";

	export function FunctionalUpdates() {
	const [counter, setCounter] = useState(0);

	function handleIncrement() {
	setCounter(counter + 1);
	}

tfiechowski / functional-update.js

Last active January 9, 2021 10:13

	import { useState } from "react";
	import { wait } from "./wait";

	export function FunctionalUpdates() {
	const [counter, setCounter] = useState(0);

	function handleIncrement() {
	setCounter(counter + 1);
	}

tfiechowski / functional-updates-wait.js

Created January 9, 2021 00:18

	export function wait({ miliseconds }) {
	return new Promise((resolve) => setTimeout(resolve, miliseconds));
	}

tfiechowski / use-callback.js

Last active January 9, 2021 00:21

	import { useCallback, useState } from "react";
	import { wait } from "./src/FunctionalUpdates/wait";

	export function FunctionalUpdates() {
	const [counter, setCounter] = useState(0);

	function handleIncrement() {
	setCounter(counter + 1);
	}

tfiechowski / simple-update.js

Last active January 9, 2021 00:21

	import { useState } from "react";

	export function FunctionalUpdates() {
	const [counter, setCounter] = useState(0);

	function handleIncrement() {
	setCounter(counter + 1);
	}

	return (

tfiechowski / batch-photos-list.js

Created January 7, 2021 21:15

	export function PhotosList() {
	const onUpdate = useCallback(() => {
	return new Promise((resolve) =>
	setTimeout(resolve, getRandomBetween(1500, 2000))
	);
	}, []);

	const { photos, updatePhotos } = usePhotos({
	photos: DEFAULT_PHOTOS,
	onUpdate,

tfiechowski / batch-other-utilities.js

Last active January 7, 2021 21:04

	export function usePhotos({}) {
	// ...

	const removePhotosLockedFlag = useCallback(
	(_pendingUpdates) =>
	setPhotos((_photos) =>
	_photos.map((photo) => {
	const updatedItem = _pendingUpdates[photo.id];
	if (updatedItem) {
	return Object.assign({}, photo, {

tfiechowski / batch-is-update-needed-and-get-reset-update-items.js

Last active January 7, 2021 21:05

	export function isUpdateNeeded(original, itemUpdate) {
	const fieldsToOmit = [LOCKED_FLAG_KEY];
	const keysToCompare = Object.keys(itemUpdate).filter(
	(key) => ![...fieldsToOmit, "id"].includes(key)
	);

	return !isEqual(
	pick(original, keysToCompare),
	pick(itemUpdate, keysToCompare)
	);

tfiechowski / batch-perform-update.js

Last active January 7, 2021 20:39

	const performUpdates = useDebouncedCallback(
	async () => {
	if (!hasPendingUpdates(pendingUpdates)) {
	return;
	}

	clearPendingUpdates();
	applyUpdatesToPhotos(pendingUpdates);

	try {

tfiechowski / batch-update-photos.js

Last active January 8, 2021 22:43

	const updatePhotos = useCallback(
	(itemsUpdates) => {
	const { toReset, toUpdate } = getItemsToResetAndUpdate(
	itemsUpdates,
	photos
	);

	setPendingUpdates(
	update(pendingUpdates, {
	$unset: toReset,