I love Create React App, and I also love TypeScript. That means I really love react-scripts-ts, which is a great way to spin up a new SPA for experimental purposes.
Read more on Migrating an Ejected Create React App to TypeScript…
typescript
Eliminate Circular Dependencies from Your JavaScript Project
Circular dependencies (also known as cyclic dependencies) occur when two or more modules reference each other.
This could be a direct reference (A -> B -> A):
// file a.ts
import { b } from 'b';
...
export a;Read more on Eliminate Circular Dependencies from Your JavaScript Project…
Styling Custom Components in React Native Using TypeScript
I recently ran into an issue with providing style properties to custom React Native components written in TypeScript. When defining the type of the style property, we were using the ViewStyle and TextStyle types provided by React Native.
Read more on Styling Custom Components in React Native Using TypeScript…
Type-Safe Object Merging (TypeScript 2.8 Edition)
There are times when you want to merge two generic types in TypeScript, and type inference just isn’t doing it for you. Object.assign’s typing isn’t as precise as it could be, and spreading generics still doesn’t work. I’ve found a way to implement typing when merging objects using some of the new features in TypeScript 2.8.
Read more on Type-Safe Object Merging (TypeScript 2.8 Edition)…
Incrementally Building My Own Code Health Tool
Recently, I’ve been looking for ways to improve the code health of a project I’m working on. It’s a pretty big team, so things are moving quickly. While the codebase is in good shape now, little things can quickly spiral out of control. Read more on Incrementally Building My Own Code Health Tool…
Excel Snapshot Testing with Node
A couple of weeks after I worked on PDF snapshot testing with Node and GraphicsMagick, I was tasked with writing some code to generate downloadable Microsoft Excel Workbook files. I thought I would use snapshot comparisons again, much as I did with PDF files to automatically detect regressions in the implementation. Read more on Excel Snapshot Testing with Node…
PDF Snapshot Testing with Node and GraphicsMagick
The task I am working on this week involves generating downloadable PDF files for customer and supplier orders. We’d like to drive the implementation using tests and be able to find any regressions in the code automatically.
After looking at different alternatives for accomplishing this, we decided to try a visual snapshot approach similar to the way Jest does snapshot testing.
Read more on PDF Snapshot Testing with Node and GraphicsMagick…
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.
Building Your Own VS Code Extension for a Mac Touch Bar
Visual Studio Code is an excellent editor, with a ton of room for customization. As a recent convert from Emacs, I appreciate the ability to customize my editor through the form of extensions. Creating an extension is quite simple, if none that fit your needs are available in the marketplace. Read more on Building Your Own VS Code Extension for a Mac Touch Bar…
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 TSLint rule.