Experiments in Purely Functional TypeScript

Recently, I’ve been experimenting with using functional programming in my side projects. Today, I want to share some of what I’ve learned, focusing on utilities I’ve created to facilitate purely functional TypeScript programming. Different Ways to Define Similar Functions Here are three versions of *roughly* the same function: const doubleAll = (array: number[]) => { […]

Creating Your Own TSLint Rules

If you’re using TypeScript, you probably lint your code with TSLint. It has tons of useful presets that can be easily configured to your liking. Perhaps, though, you want to dig a bit deeper and create rules of your own. In this post, I’ll walk you through the steps I took to create my first […]

Five Steps to Learn React Quickly

At Atomic Object, a lot of our teams have been using React lately. Because of this, we’ve designed some of our recent bootcamps to ramp new employees up on it. In this post, I’ll go over some of the steps I would recommend when introducing yourself to React. 1. Set Up Your Environment The first […]

Typesafe Container Components with React-Redux’s Connect and TypeScript

TypeScript is fantastic—you get feedback as you write your code to (mostly) ensure you’re passing valid arguments to functions and props to components. However, when using the connect function, you may find that you are permitted to pass invalid props or omit required props to components. In this post, I’ll discuss how the issue arises, […]

Higher-Order Components in React

React emphasizes composition over inheritance, making it simple to compose larger components by reusing smaller ones. This approach is at odds with the way many programmers are accustomed to reusing code: inheritance Object-Oriented Programming (OOP). React uses higher-order components (HoCs) as an alternative to inheritance. Similar to higher-order functions, which take or return other functions, […]