Daniel Lindegren onosendi

Software Engineer

onosendi / 220106-ts-eslint-indent.ts

Created January 6, 2022 16:46

onosendi / 220106-rtk-api-flow.jsx

Created January 6, 2022 19:14

	export default function ContactForm() {
	const [sendContactForm] = useSendContactFormMutation();

	const handleSubmit = async () => {
	const formData = {};

	// If I need the error for this component
	try {
	await sendContactForm(formData).unwrap();
	} catch (error) {

onosendi / index.html

Created January 6, 2022 19:58

	<button data-delete-id="1">One</button>
	<button data-delete-id="2">Two</button>
	<button data-delete-id="3">Three</button>

onosendi / 220108-scss-compiled-to-css.css

Created January 8, 2022 17:25

onosendi / 220108-limit-item-queue-function.js

Created January 8, 2022 20:24

	function queue(arr, item) {
	return [...arr.length >= 3 ? arr.slice(1) : arr, item];
	}

	const a = queue(['one'], 'two');
	const b = queue(a, 'three');
	const c = queue(b, 'four');
	const d = queue(c, 'five');

	console.log(d);

onosendi / index.html

Last active January 10, 2022 23:41

	<html lang="en">
	<head>
	<script src="./script.js" defer></script>
	</head>

	<body>
	<div data-id="parent">
	<button type="button">Button 1</button>
	<button type="button">Button 2</button>
	<button type="button">Button 3</button>

onosendi / 220113-usecallback.tsx

Created January 13, 2022 17:24

	function ChildComponent({ callback }) {}
	const MemoizedChildComponent = React.memo(ChildComponent);

	function ParentComponent() {
	const onClick = useCallback(() => {
	console.log('Foo');
	}, []);

	return <MemoizedChildComponent callback={onClick} />;
	}

onosendi / 220124-organize-object-into-array.js

Last active January 24, 2022 21:24

`groupBy` function

	const o = [
	{ name: 'Bobby', group: 1 },
	{ name: 'Jimmy', group: 2 },
	{ name: 'Tommy', group: 1 },
	];

	function groupBy(arr, key = 'group') {
	const map = arr.reduce((acc, curr) => ({
	...acc,
	[curr[key]]: [...(acc[curr[key]] \|\| []), curr],

onosendi / 220125-react-list-example.jsx

Last active January 26, 2022 02:19

	function List({ items }) {
	if (!items?.length) {
	return <p>Nothing to see here...</p>;
	}

	return (
	<ul>
	{items.map((item) => (
	<li key={item.id}>
	{!!item.image && <img src={item.image} alt={item.imageAlt} />}

onosendi / 220127-unique-id-find-store.js

Created January 27, 2022 18:48

	const preferredStores=[{"PreferredStoreName":"Stater Bros","PreferredStoreID":3},{"PreferredStoreName":"Ralph's","PreferredStoreID":7}];

	const preferredStoreItems=[{"GroceryItemID":3,"Name":"Test","PreferredStoreID":3,"Notes":"Test","CreatedOn":"Apr 30 2021 10:43PM"},{"GroceryItemID":2,"Name":"Baguette","PreferredStoreID":7,"Notes":"","CreatedOn":"Apr 30 2021 10:43PM"},{"GroceryItemID":1,"Name":"Saltines","PreferredStoreID":3,"Notes":"","CreatedOn":"Apr 30 2021 6:26AM"}]

	const uniquePreferredStores = [...new Set(preferredStoreItems.map(({ PreferredStoreID }) => PreferredStoreID))];

	const z = uniquePreferredStores.reduce((acc, uId) => ({
	...acc,
	[uId]: acc[uId] \|\| preferredStores.find((store) => store.PreferredStoreID === uId)?.PreferredStoreName,
	}), {});