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
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 | |
}); |
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;
"use strict"; | |
// animation utils | |
// =============== | |
const trackTime = timing => { | |
const now = performance.now(); | |
if (!timing.startTime) timing.startTime = now; | |
const elapsed = now - timing.startTime; |
// 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, |