Maurice de Beijer mauricedb

mauricedb / gist:4bcdaca88789dc74a0beadcf9fe438dc

Created December 23, 2020 12:38

This file has been truncated, but you can view the full file.

	fetch("https://wb-api.ethz.ch/MFT/api/upload/v1/UploadChunk", {
	"headers": {
	"accept": "application/json",
	"accept-language": "en-US,en;q=0.9,nl;q=0.8,de;q=0.7",
	"authorization": "....",
	"cache-control": "no-cache",
	"content-type": "application/json",
	"pragma": "no-cache",
	"sec-fetch-dest": "empty",
	"sec-fetch-mode": "cors",

mauricedb / .storybook\main.js

Created August 19, 2020 18:20

SDN Storybook

	module.exports = {
	stories: ["../src/*/.stories.mdx", "../src/*/.stories.@(js\|jsx\|ts\|tsx)"],
	addons: [
	"@storybook/addon-a11y",
	"@storybook/addon-links",
	"@storybook/addon-essentials",
	"@storybook/preset-create-react-app",
	],
	};

mauricedb / index.njk

Last active May 23, 2020 18:32

Pagination with Eleventy and Nunjucks

	<span>Page {{ pagination.pageNumber + 1 }} of {{ pagination.pages.length }}:</span>
	{% if page.url !== pagination.href.first %}<a href="{{ pagination.href.first }}"><i class="ion-ios-skipbackward"></i></a>{% endif %}
	{% if pagination.href.previous %}<a href="{{ pagination.href.previous }}"><i class="ion-arrow-left-b"></i></a>{% endif %}
	{%- for pageEntry in pagination.pages %}
	{%- if (loop.index0 - pagination.pageNumber) \| abs <= 3 %}
	<a href="{{ pagination.hrefs[ loop.index0 ] -}}"
	{%- if page.url === pagination.hrefs[ loop.index0 ] %} class="active"{% endif %}>
	{{- loop.index -}}
	</a>
	{%- endif %}

mauricedb / PersonType.ts

Created June 26, 2019 10:12

type Person = yup.InferType<typeof personSchema>;

mauricedb / person.ts

Created June 26, 2019 10:11

const person: Person;

mauricedb / Person.ts

Created June 26, 2019 10:10

mauricedb / person.js

Created June 26, 2019 10:09

	const person = {
	firstName: "Matt",
	nickName: "The Hammer",
	email: "[email protected]",
	birthDate: new Date(1976, 9, 5)
	};

	console.log(personSchema.isValidSync(person));

mauricedb / personSchema.js

Created June 26, 2019 10:07

	const personSchema = yup.object({
	firstName: yup.string(),
	nickName: yup.string().nullable(),
	email: yup
	.string()
	.nullable()
	.notRequired()
	.email(),
	birthDate: yup
	.date()

mauricedb / fetch-jokes.js

Created June 6, 2019 14:29

	import React from 'react';
	import ListGroup from 'react-bootstrap/ListGroup';

	import { url } from '../../shared/jokes-api';
	import Loading from '../../shared/loading';

	function reducer(state, action) {
	switch (action.type) {
	case 'loaded':
	return { ...state, loading: false, jokes: action.payload };

mauricedb / Joke.js

Last active January 18, 2020 10:28

useAbortableFetch

	import React, { useState } from 'react';
	import useAbortableFetch from './useAbortableFetch';

	const Joke = () => {
	const { json: joke, loading, error, abort } = useAbortableFetch(
	'http://api.icndb.com/jokes/random/?limitTo=[nerdy]&escape=javascript'
	);

	if (loading) return 'Loading...';
	if (error) return 'Error: ' + error;