Hi! I'm Mae Capozzi. You can find me on Twitter and on Github.
Using node-fetch with apollo-link-http
I’m building a Gatsby app that consumes data from a graphQL service with the help of apollo-client and TypeScript. Because Gatsby creates…
Before You Build A Component Library: Versioning
People pairing This post is part of an ongoing series about the problems you’ll need to solve before you start building a component library…
useBreakpoints: a hook
I built my first hook a few months ago, and figured I should get it up on the blog. It’s a replacement for a Higher Order Component that…
Why you should avoid the --parallel flag in lerna build scripts
When you’re configuring a monorepo with lerna, you might consider writing your build scripts like this: It makes sense, initially! You’re…
How to use React.Lazy
React 16.6.0 introduced , which allows you to code-split using the new Suspense API. Siddharth Kshetrapal came out with a great video…
Passing Data in React with Prop Drilling
Drill The React ecosystem offers multiple ways to pass data and manage state in a client-side application. A developer might choose between…
Should You Build a Reusable Component Library?
Modular frontends are all the rage these days, especially with the rise of React.js. Large companies have begun open-sourcing their…
Keep Your Codebase Neat and Tidy with prettier-standard, lint-staged, and husky
Your codebase could look like this. Developers tend to have opinions on style. If you’ve been in the industry for more than 15 minutes, you…
Shining a Spotlight on Error Boundaries in React 16
React 16 has better error handling than previous React versions. If an error occurred inside of a component, it would “corrupt React’s…
From Callbacks to Async Await
I built the same program 4 different ways. I started with callbacks, moved on to Promises, used generators, and finished up with async/await…
How to Make HTTP Requests in React, Part 2
If you haven’t completed part 1 of this tutorial, do so before starting part 2. Now that we’ve set up our project using create-react-app, we…
How to Make HTTP Requests in React, Part 3
If you haven’t completed part 1 and part 2 of this tutorial, please do so before starting part 3. Now we’re getting to the good part! So far…
How to Make HTTP Requests in React, Part 1
You can find part 2 here, and part 3 here. This series will walk you through how to make HTTP requests to the Github REST API in React.js. I…
Simplified JavaScript: Hoisting
#hoisting Hoisting remains one of the quirkier aspects of JavaScript. When a developer declares a variable in JavaScript, that variable…
Simplified JavaScript: Getting Started with Closures
javascript code Eric Elliot, in his Medium article Master the JavaScript Interview: What is a Closure?, explains that when he interviews…
Non-Electronic Sundays, Or How My Mom Predicted the Future
man sitting by window When I was a kid, my mom instituted a very unpopular policy amongst my siblings and I––the non-electronic Sunday…
How To Set Up D3.js with webpack and babel
three orange squares Before you begin, make sure you have node and npm installed. Use a node version higher than 6. Also, note that all…