@joelmturner

Working on a New Feature as a Senior Frontend Developer

Jul 14, 2022 · 4 min read · When I receive a ticket for a new feature, I generally follow a few guidelines to make sure I have what I need to get started. I'll share some of my questions and thoughts here for reference (as much for myself as anyone). Before the Code I usually s...

Animated SVG Water Pictorial Fraction in Svelte

Jan 4, 2021 · 7 min read · One of my favorite charts in data visualization is Pictorial Fraction. It's essentially a bar chart as a shape that can be partially filled or used as a small multiple to represent the ratio. What We're Building https://codesandbox.io/s/svelte-svg-pi...

Build an Inline Edit Text Input With React Hooks

Sep 16, 2019 · 5 min read · A nice feature in many apps is to edit a title or other text inline without leaving the context that we're in. Here's what we'll be building. https://codesandbox.io/s/inline-text-edit-react-hooks-6ql5m Let's take a look at the requirements for this c...

My Favorite Layout Components in React

Sep 12, 2019 · 2 min read · There are a few components that I use almost every day in development. They are used for layouts and are made from flexbox and css grid. On a previous version of joelmturner.com, I pass both of these down with the MdxProvider so all my pages and post...

React Hooks: useSlider

Sep 11, 2019 · 3 min read · We had a need for an auto-advancing image slider in React. I chose to use hooks for this feature. This hook leverages a useInterval hook from Dan Abrimov. What We're Building TL;DR https://codesandbox.io/s/simple-react-hooks-interval-slider-vsmi1 Req...