Joel Turner articles - 18 total
Chart Parts: Anatomy of a chart
Intro When building charts and chart libraries it's nice to know how all the pieces work...
Working on a New Feature as a Senior Frontend Developer
When I receive a ticket for a new feature, I generally follow a few guidelines to make sure I have...
Instagram to Cloudinary
We're going to walk through setting up a Node.js project that will fetch Instagram posts, filter by a...
Sequential Interval React Hook
Create a React hook that can simulate a pulse-like cycle between animation states through different d...
Animated SVG Water Pictorial Fraction in Svelte
One of my favorite charts in data visualization is Pictorial Fraction. It's essentially a bar chart a...
Create a Single Line Chart in React with @vx
We’ve built a bar chart in react using the data vis library @vx. The next chart that we can build to...
Beginning Web Accessibility in React
I recently decided to dive into learning accessibility on the web. So many of the great developers...
Front-End Checklist for Ticket Completion
In the first post of the series, My Productivity Practices for...
My Productivity Practices for Front End Development
A big part of me getting things done are the systems that I have in place. Today I'll talk about a...
Create an Avatar Component in Gatsby with TypeScript Part 3: Adding Types
We left off with our avatar component working using Gatsby Image and still able to receive an image...
Create an Avatar Component in Gatsby with TypeScript: Part 2 – Gatsby Image
In Part 1 we put together a simple avatar component that can receive an image URL and render it out...
Bar Chart in React with @VX
How I built a bar chart in React with @vx
Build an Inline Edit Text Input With React Hooks
Inline edit input in React with React hooks.
My Favorite React Layout Components Using Flexbox And CSS Grid
Helpful layout components in React based on flexbox and CSS grid.
React Hooks: useSlider
A handy slider using React hooks
Build a React Gallery With CSS Grid
We build a CSS grid based gallery component in React and Gatsbyjs.
Quick Tip: GraphQL Fragments in Gatsby
Some helpful graphql fragment tips for Gatsbyjs and beyond.
Create an Avatar Component in Gatsby with TypeScript Part 1
Part 1 of building an avatar component in GatsbyJs