Kyle Shevlin

shevyjs. Configurable Vertical Rhythm & Typography in CSS-in-JS

shevy. Configurable Vertical Rhythm & Typography for Sass

just-enough-fp-lessons. Introductory lessons to functional programming in JavaScript

intro-to-data-structures-and-algorithms. An egghead course to introduce data structures and algorithms in JavaScript

use-debugger-hooks. A small package of custom React hooks that are useful for debugging changes in React hook dependencies across renders

.dotfiles. A collection of my dotfiles. Includes setup for bash, MacOS, git, vim and more.

eslint-plugin-use-encapsulation. An ESLint plugin to enforce the "useEncapsulation" pattern for React Hooks

eslint-plugin. A collection of my own ESLint rules.

blog. My personal website

intro-to-state-machines-and-xstate-course. An introduction to state machines and Xstate course

when-i-am-a-leader. Notes and ideas to remember when I am a leader

react-generate-context. A helper function for reducing React Context boilerplate

matchbox. A vanilla JavaScript plugin for... well... matching the height of boxes.

advent-of-code-2022. My solutions for Advent of Code 2022

reduce-abuse. A JavaScript utility library that abuses `Array.prototype.reduce` and reduces abuse in the world

intro-to-state-machines-and-xstate-workshop. JavaScript

room-sentiment. A small app to get a feel for the room

learning-backwards. Learning Backwards: Learning Computer Science Through the Lens of React

advent-of-code-2021. My solutions for Advent of Code 2021

alfred-ember-module-lookup. An Alfred workflow for quickly getting the correct Ember module import

phomo. Another JavaScript framework for your FOMO

react-101. Follow along as I teach React on Twitch Stream https://twitch.tv/kyleshevlin

use-common. Just some common React hooks so I don't have to write them over and over

kase. A very simple type-safe pattern-ish matcher

tic-tac-toe-in-react. JavaScript

fp-composition-exercises. A short file of functional programming exercises focused on composition

susy-snippets. Collection of Susy 2 Snippets made for Sublime Text

advent-of-code-2024. JavaScript

just-enough-fp. JavaScript

take-home-vscode-extension. A rudimentary VSCode extension that turns a return statement into a "result logger" statement

vanilla-js-plugin-template. JavaScript

heard-you-like-booleans. An absurd site to demonstrate the absurdity of tracking states with booleans

react-edges. React component to easily add content to the "edges" of your viewport

react-funk-patrol. React components based on functional programming types

short-links. My shortened URLs

miami-vice-tracker. A way to track my consumption of my vices - coffee, soda, beer & more

react-nano-kit. A minimalistic React 16 starter kit with pre-made ErrorBoundary and Aux components

advent-of-code-2023. JavaScript

xstate-lessons. Lessons on how to use the xstate library, and state machines in general

fibonacci-clock. A React & Redux implementation of a Fibonacci Clock

csv-to-qif-conversion-script. A script to convert CSV to QIF for my personal budgeting

array-reduce-course-material. JavaScript

golf-stats-with-reasonml. Tracking my golf stats and learning ReasonML

contrived-example-for-use-encapsulation. JavaScript

layout. Just some common layout components

blog-lessons. Lessons based on my blog posts

set-utils. A set of set util functions

heap. Just a basic, customizable heap implementation in TypeScript

hyperapp-kit. A minimal boilerplate for Hyperapps

use-data-structures. The power of advanced data structures -- now on React!

kyleshevlin.github.io. My GitHub Page

legend-motion. Legend Motion is a declarative animations library for React Native, to make it easy to transition between styles without needing to manage animations.

dom-testing-library. 🐙 Simple and complete DOM testing utilities that encourage good testing practices.

who-blue. A browser extension to separate lords from peasants

simple-deck. A rudimentary slide deck app built with MDX and Parcel

condo. A tiny Sass grid library

classwrap. 0.3 KB JavaScript utility for conditionally concatenating class names.

xstate. State machines and statecharts for the modern web.

one-door-workshop. Making an app with One Door