Erick Bazán amorino

Using Stitches with Storybook

The setup for storybook is the same as their docs. Once you're repo is set up (Im using Typescript) and you have Stitches imported and set up (as per the stitches docs), the next step is to install Storybook.

I went with their npx setup: npx sb init (note: since my project was already set up with React/TS this command detected everything it needed to know, so there was no interactive prompt for me)

When using a styled stitches component everything will work as expected:

export const Button = styled('button', {

FFmpeg cheat sheet

A list of useful commands for the FFmpeg command line tool.

Download FFmpeg: https://www.ffmpeg.org/download.html

Full documentation: https://www.ffmpeg.org/ffmpeg.html

Basic conversion

procedural mesh generation

Generates an algorithmic 3D OBJ file with ThreeJS and Node.js.

# print to stdout
node generate-mesh.js > test.obj

# write to file
node generate-mesh.js test.obj

	import {SetStateAction, useCallback} from 'react';
	import {create} from "zustand";

	export type EqualityFn<T> = (left: T \| null \| undefined, right: T \| null \| undefined) => boolean;

	export type StoreType<State> = {
	use<K extends keyof State>(
	key: K,
	defaultValue?: State[K],
	equalityFn?: EqualityFn<State[K]>,

	import React from "react";

	import { graphql } from "react-relay";

	import createPageContainer from "../relay/createPageContainer";

	import PostLayout from "../components/PostLayout";
	import Header from "../components/Header";
	import Shell from "../layouts/Shell";

	const canvasSketch = require('canvas-sketch');
	const createShader = require('canvas-sketch-util/shader');
	const random = require('canvas-sketch-util/random');

	// Optionally we can lock the randomness like so
	// random.setSeed(10);

	// Setup our sketch
	const settings = {
	context: 'webgl',

	// for multiple requests
	let isRefreshing = false;
	let failedQueue = [];

	const processQueue = (error, token = null) => {
	failedQueue.forEach(prom => {
	if (error) {
	prom.reject(error);
	} else {
	prom.resolve(token);

	/*
	Instructions for MacOS:

	- Install the fonts 'Operator Mono' & 'Fira Code'
	- Install theme 'Dark Candy'
	- Add the following config to the VS Code settings.json:

	{
	"editor.renderWhitespace": "all",
	"editor.fontSize": 14,

	import { createAction } from 'redux-actions';
	import {
	NAVIGATION_PUSH,
	NAVIGATION_POP,
	NAVIGATION_RESET_TO,
	NAVIGATION_POP_TO_ROOT
	} from './actions';

	export const push = createAction(NAVIGATION_PUSH);
	export const pop = createAction(NAVIGATION_POP);

	/**
	* Get content from wordpress via REST Api
	*/
	const config = require('../nuxt.config.js')
	const axios = require('axios')
	// always call the proxy here :
	const endpoint = config.env.proxyApiBaseUrl

	/**
	* @param {int} perPage : number of post to return per page