Steven Mercatante

How To Map Over A Tree in JavaScript

Check out the runnable example below: Read

Should You Learn Redux?

( In case you're unaware, Dan co-created Redux. ) Ever since React's context API became stable, and especially after the release of hooks, a boatload of posts told us that Redux was on its deathbed. Who needs Redux when we've got the context API? Who wants to write all that boilerplate code? It's… Read

Use Custom Paths in Gatsby

By default, Gatsby generates URLs for posts from their filename (or the directory name, depending on how you organize your posts). For example, if your post is named gatsby-custom-paths.md , its URL will be https://mysite.com/gatsby-custom-paths . But what if you want to use a different URL (say… Read

📢 Announcing React Timeline

I'm excited to announce the release of React Timeline , an open source library for creating responsive, customizable, and themable timelines in React apps. Originally conceived as a way for developers and designers to showcase their work and achievements (e.g. articles published, videos of… Read

Add Blurbs to a Gatsby Blog

When you use Gatsby 's starter for creating a blog, it displays an excerpt of the post's body on the list page. In my case though, I wanted the ability to display a custom blurb instead. A blurb is defined as a short description of a book, movie or article. In some cases, it's better to use this… Read

Add Twitter buttons to a Gatsby site

Note: this article builds upon the technique explained in my "How to Add Custom JavaScript to a Gatsby Site" article. I recently added Twitter buttons to the bottom of each article on this site. One to share the article and one to follow my account. Because this site runs on Gatsby (and… Read

Add Custom JavaScript to a Gatsby Site

I recently found myself needing to add some custom JavaScript to the head of a Gatsby project. In this article I'll show you how to do this. Gatsby doesn't actually use an index.html file. Instead, it uses an html.js file, which isn't exposed by default. Following their docs , we can expose… Read