Nathan Smith
  • Projects
  • About
  • Contact
usePrefersDarkTheme: a theming hook for React

July 24, 2020, 9:01 PM

React

Every site needs a dark theme, including this one. Having a dark theme is easy, but if an app or site's theme doesn't follow the system theme it can lead to blinding the user with a white background until they find the toggle. This hook (and some related code to ...

HooksHow-ToReact
Using Kanka.io and D&D Beyond to Manage a Tabletop Campaign

July 13, 2020, 8:00 PM

D&D

Where did my notes go? Whether a player or game master, keeping up with the vast amount of info communicated in the course of a tabletop campaign can be daunting. As a player I'm a compulsive note taker; if I don't write it down, I forget it. And you better ...

Playing Spotify playlists in Discord voice channels

July 9, 2020, 3:02 AM

D&D

featured

A guide on playing Spotify playlists in Discord voice channels. I figured all this out trying to set up some mood music for online D&D play. You'll need Discord, Spotify, and YouTube. What you won't need: $$$.

usePrismjs: A prismjs hook for CRA & React

May 20, 2020, 9:14 PM

React

featured

What is it? Prismjs is a powerful little javascript to add syntax highlighting to <pre> and <code> blocks, but it hasn't kept up with a JavaScript framework-using, module-bundling world. There aren't many docs around how to use it with the npm package, and most want you to use a babel ...

Metal & Synthwave are the Same Thing

September 19, 2018, 9:00 PM

Music

featured

Flow is a state of intense concentration. Genres are social constructs.