smhutch

Pen plotters can't handle fills, so we sometimes need to use the occult plugin to rewrite rects etc as lines.

vpype read INPUT.svg occult -i write --color-mode none --landscape OUTPUT.svg

Reference

• vpype
• occult

smhutch

import type * as Polymorphic from "@radix-ui/react-polymorphic";
import type { ComponentProps } from "react";
import React, { forwardRef } from "react";

import { styled } from "../../theme";

const DEFAULT_TAG = "p";
const StyledText = styled(DEFAULT_TAG, {
  // your styles
});

smhutch

React

1. Avoid state duplication. Instead, derive from props by transforming the state and ownProps in mapStateToProps. Example:

// This example assumes the same data structure as suggested below:
function mapStateToProps(reduxState, ownProps) {
  // ownProps = props passed to this component (some come from React router.)
	const { id } = ownProps.match.params
 const { lists } = state;

smhutch

"use strict";


// animation utils
// ===============

const trackTime = timing => {
  const now = performance.now();
  if (!timing.startTime) timing.startTime = now;
  const elapsed = now - timing.startTime;

smhutch

// React Component to render animated background on https://www.smhutch.co.uk

import React from 'react'
import Chance from 'chance'

export default class extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      showCanvas: true,