Joseph Mearman Mearman

NOTE: This was written in 2020 and has been superseded by docs at storybook.js.org

Storybook React props handling for Typescript

We've flip-flopped on prop table handling for React components written in Typescript. This document attempts to be a final reference for anybody who's been trying to follow along.

TLDR:

SB6 uses react-docgen-typescript by default. We hope to use react-docgen in SB7. The whole experience led to zero-config in SB6, so it's now a one-line change main.js to switch between the two.

Download the pre-patched powerline symbols font file.

$ wget -c https://github.com/Lokaltog/powerline/raw/develop/font/PowerlineSymbols.otf

Open “Font Book” (Hit Cmd + Space to open spotlight and type Font Book).
Go to “File > Add Fonts” and open the PowerlineSymbols.otf file.
After the font is added, right click on “PowerlineSymbols” font and select “Validate Font”.
Now the font should be installed and ready to use.
If you are using iTerm, change the non-ascii font to PowerSymbols to start using the powerline fonts.

Deploy Next.js static to GitLab pages

Create a basic GitLab CI config:

$ cat .gitlab-ci.yml
image: node

before_script:
 - npm install

Improving times for both iOS build and CI for a React Native app

Intro

Hello there.

So, if you are here you probably saw my previous tweet where I asked for tips & tricks on improving the timing on an iOS/React Native app build time.

What will follow was how I mixed those suggestions + some good old GoogleSearch-fu + me deep diving on this for ~2 days.

It's quite straightforward to use GitLab Pages to deploy a Storybook instance per branch (and remove it whenever the branch will be removed). And yeah, it's irony to document this in a GitHub Gist 😅

You just need a .gitlab-ci.yml like this one:

stages:
  - setup
  - build-and-test
  - deployment
  - pages

	#!/usr/bin/env bash
	################################################################
	# Auto-Copy Script for unRAID Unassigned Devices Plugin
	# Original script: https://gitlab.com/snippets/1737763
	################################################################

	PATH=/usr/local/sbin:/usr/sbin:/sbin:/usr/local/bin:/usr/bin:/bin

	# Available variables:
	#

	{
	"name": "to-be-added",
	"version": "0.0.0",
	"sideEffects": false,
	"exports": {
	".": {
	"import": "./dist-esm/bundle.min.mjs",
	"require": "./dist-cjs/bundle.min.cjs"
	},
	"./server": "./server/index.js"

	// Firebase Batch Functions Deploy (Alisson Enz)

	// This script helps firebase users deploy their functions when they have more than 60 functions and
	// it's not allowed to deploy all using `firebase deploy --only functions` due deployment quota.
	// This script will get your functions export from index.js and deploy in batches of 30 and wait 30 seconds.
	// This script will NOT delete your function when removed from index.js.

	// Instructions
	// 0. This instructions suppose that you already have firebase-tools installed and is logged to your account;
	// 1. Install `shelljs` (npm install -g shelljs);

	#!/bin/bash
	# source: https://www.linuxbabe.com/ubuntu/install-resilio-sync-ubuntu-16-04-16-10

	# add resilio source
	echo "deb http://linux-packages.resilio.com/resilio-sync/deb resilio-sync non-free" \| sudo tee -a /etc/apt/sources.listdeb http://linux-packages.resilio.com/resilio-sync/deb resilio-sync non-free

	# download public keys
	wget https://linux-packages.resilio.com/resilio-sync/key.asc

	# import key