Jonathan Carter lostintangent

1: Intro

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

dynamic 3D confetti text

Trying to get more comfortable with 3D since I don't really venture beyond the second dimension outside of having to do so for work. Why not do my favourite canvas getImageData trick with Three.js? Using the pretty colors and flat-shaded style as seen in @Yakudoo's pens

window resize is totally busted right now ¯_(ツ)_/¯ so you'll have to refresh if you resize

A Pen by Rachel Smith on CodePen.

	{
	"title": "Status Bar",
	"description": "Describes how we augment the status bar",
	"steps": [
	{
	"file": "src/extension.ts",
	"line": 36,
	"description": "### Activation\nThe status bar provider is registered upon extension activiation",
	"selection": {
	"start": {

	<!-- vue root -->
	<div id="app" v-cloak>

	<!-- fixed header -->
	<header class="header-wrap">
	<div class="header-row flex-row flex-middle flex-space">
	<div class="if-small">
	<div class="form-input dark">
	<div class="push-right">🔎</div>
	<input type="text" v-model="search" placeholder="Search token..." />

	{
	"version": "v1",
	"config": {
	"visState": {
	"filters": [
	{
	"dataId": "wfpfldm6q",
	"id": "65r1r729",
	"name": "UNOM",
	"type": "range",

	export const promiseState = async (p: Promise<any>): Promise<string> => {
	const t = {};
	return await Promise.race([p, t]).then(
	(v) => {
	return (v === t)
	? 'pending'
	: 'fulfilled';
	},
	() => 'rejected');
	};

	{
	"datasets": [
	{
	"version": "v1",
	"data": {
	"id": "vvzpce4kr",
	"label": "Top Expat Destinations.csv",
	"color": [
	143,
	47,


	/*
	(Copy and paste)

	Rotary encoder decoding using two interrupt lines.
	Most Arduino boards have two external interrupts,
	numbers 0 (on digital pin 2) and 1 (on digital pin 3).

	Program sketch is for SparkFun Rotary Encoder sku: COM-09117
	Connect the middle pin of the three to ground.