Generate TypeScript compatible NPM packages from pure JavaScript projects — Perhaps as a JavaScript developer, you’ve been apprehensive to convert your NPM packages to TypeScript. Or, maybe you have legacy codebases not worth investing time to port over. However, you’d like your JavaScript packages inclusive to the TypeScript community, able to leverage your NPM package in their projects. JavaScript with JSDoc

Demo and prototype components with minimal configuration. In isolated projects like demos, CodePen, CodeSandbox, or even within projects where Storybook has been implemented, I continue to love leveraging the classical dat.GUI as a fast robust solution. It provides property panels, akin to authoring solutions of Adobe or exposing property to…

Dispatch and handle events with clarity using generic types — Within my apps are decoupled logic, enabling me to compose controllers together with views against a container or context object. As these controllers do not have awareness of each other, events are dispatched against a context object. In larger apps, it becomes onerous to remember what properties each event handler…

With a game rendering scene example — TypeScript’s ability to compose behaviors from multiple types through interfaces is a powerful feature. These contracts provide an abstraction, interacting only via the interface without concern of classes. Since classes can implement multiple interfaces, this eases complexities of inheritance chains through base classes. Interfaces also define polymorphism, enabling multiple classes…

Canvas 2D API enables manipulating individual pixels via ImageData — a pixel ArrayBuffer containing all the raw pixel values in the canvas. This Uint8ClampedArray starts from the top-left and runs row by row from left to right, top down through the entire canvas representing every single pixel in totaling 32-bit…

How to verify apps are actually running as arm64 on Apple Silicon Application packages can be verified via the Finder by right-clicking on the application and selecting Get Info:

Guide to game development, coding, and creative environment on a new MacBook Pro with M1 architecture — Rosetta A note regarding Rosetta — Somewhere along the way you’ll be prompted to install Rosetta. Install it at the first opportunity when prompted. For me, this happened upon the launch of Xcode. This is necessary to translate apps built for Intel to run on Apple silicon.

With each year that passes, I’m continuously amazed how JavaScript capabilities and tooling progress. Here are some graphics and gaming framework focused on web delivery to inspire. Vis.gl Vis.gl is a suite of composable, interoperable open source geospatial visualization frameworks centered around deck.gl.

Storybook has been invaluable for developing UI components in my existing projects. It’s always been a drop-in package that I add when using frameworks, such as React. However, they’ve launched Storybook for HTML — a solution for pure HTML and JavaScript without frameworks. If you’re unfamiliar Storybook coming from a…