Superhero Code

Improving Perceived Code Quality in TypeScript

3 years ago

Quality may be found in code in three ways: ease of discovery, ease of updating, and legibility. A high quality codebase will have all three. Lower quality codebases may only have one or two....

Building dynamic forms with Formik with React and TypeScript

4 years ago

Building forms has always been one of React's weaknesses. The unidirectional data flow paradigm in React doesn't mesh with the ephemeral-ness of HTML forms. We'll use Formik to alleviate these issues....

Announcing: Artemis

4 years ago

I've been on a hiatus working on Artemis, a small companion package that works with Apollo. I'll talk about its benefits and how it works in this post: Initial State creation & cache restoration One of the pain points I wanted to see alleviated was a cleaner API for initializing...

Compartmentalizing Data Flow with React HOCs with TypeScript and Recompose

4 years ago

An Inconvenient Truth: Prop Drilling We've all worked on a React app where a component will take in multiple props only to pass them through to another component, which passes them through to another one, so on so forth. This is called Prop Drilling. We're going through each component as...

Creating Declarative React Components with CSS-in-JS and TypeScript

4 years ago

Why? Creating components in React can be difficult to do Naming things is hard Monolithic components aren't scalable We'll talk about how to alleviate those issues in this post. Component Creation Creating React components is pretty simple to do. import * as React from "react"; export default class App...