marcusstenbeck

import React, { useEffect, useState } from 'react';
import {
  AbsoluteFill,
  continueRender,
  delayRender
} from 'remotion';
import { getAvailableFonts } from '@remotion/google-fonts';

const availableFonts: {
  fontFamily: string;

marcusstenbeck

import React, { useEffect, useState } from 'react';
import {
  continueRender,
  delayRender,
  useCurrentFrame,
  useVideoConfig,
} from 'remotion';
import { css } from './utils/cssTag';

function logLoadedFonts() {

marcusstenbeck

import * as popmotion from 'popmotion';
import { pop } from './RemotionPop';

const easeOutQuint = popmotion.cubicBezier(0.22, 1, 0.36, 1);

const ExampleComponent = () => {
  // you can animate any normal HTML element, ex. `pop.h2` or `pop.span`
  return (
    <pop.div
             

marcusstenbeck

import React from 'react';
import T from 'prop-types';

class Form extends React.Component {
  static propTypes = {
    onSubmit: T.func.isRequired,
    children: T.func.isRequired,
  };

  constructor(props, ...rest) {

marcusstenbeck

Toggle Greyscale on macOS

1. Start Script Editor
2. Paste the script found below
3. Save as application
4. Drag to dock, and use to toggle greyscale quickly on and off

tell application "System Preferences" to reveal anchor "Seeing_Display" of pane id "com.apple.preference.universalaccess"

marcusstenbeck

Minimum Lovable Stack: PHP

(0. Install Docker: https://docs.docker.com/install/)

1. Run docker-compose up
2. Go to localhost:5000
3. Edit index.php
4. Reload localhost:5000
5. Repeat (3)

marcusstenbeck

module.exports = {
  createStore() {
    let events = [];
    
    return {
      getEvents() {
        return events;
      },
      commit(event) {
        events = [...events, event];

marcusstenbeck

module.exports = function getShows(eventStore) {
  return eventStore.getEvents()
    .reduce((shows, event) => {
      switch (event.type) {
        case 'ShowAdded':
          return [...shows, event.payload];
        default:
          return shows;
      }
    }, []);

marcusstenbeck

const { makeExecutableSchema } = require('graphql-tools');
const { GraphQLDateTime } = require('graphql-iso-date');
const gql = require('graphql-tag');

const { createStore } = require('../event-store');
const addShow = require('../commands/addShow');
const getShows = require('../queries/getShow');

const eventStore = createStore();

marcusstenbeck

const max50 = str => str.length <= 50;

module.exports = function addShow(
  eventStore,
  {
    title,
    time,
    host,
    location
  }