The Refactor Revolution: How to Invent by Standing on the Shoulders of Giants

The path to innovation doesn't always require starting from scratch. Sometimes, the most groundbreaking ideas emerge from reimagining existing technologies. In this post, we explore a surprisingly simple yet effective approach to inventing new tech: refactoring your code onto a new technological base.

The Power of Refactoring

Refactoring, traditionally, is about improving the structure of existing code without changing its functionality. But what if we applied the same principle to innovate, taking code that works and rewriting it on top of something new and different? This process can unlock unforeseen possibilities and give birth to entirely new solutions.

Core Idea: Take a piece of code you've already written and try to reimplement it using a new technology you're interested in learning.

This could be anything: a new programming language, a framework you haven't tried, or a novel library.

Why This Works

This method offers several key advantages:

Leverages Existing Logic: You're not burdened by creating functionality from the ground up. Instead, you already have a working piece of code to guide your efforts.
Learning Catalyst: Refactoring forces you to confront the nuances of the new technology, as you need to think about how to express familiar ideas in a new context.
Inherent Validation: Since you already have working code, you have a built in reference point to understand if you have built an equivalent (or perhaps better) system.
Innovation Through Adaptation: The "translation" process can inspire fresh ideas and reveal unique capabilities of the new system.

An Example: From Simple JavaScript to WebGL

Let's say you have a simple JavaScript function that renders a basic animation on an HTML canvas. Now, imagine refactoring that to run on WebGL.

In a simple animation system on the canvas, you might have had to manage timing with a setInterval or requestAnimationFrame method, while you directly manipulate pixels on the canvas

Moving that logic over to WebGL introduces a number of new concepts, like shaders, vertices, and buffers. The refactoring process isn't just about replicating the animation. It's about understanding how WebGL manages rendering, how it uses graphics hardware, and how it represents visual elements in 3D space.

You might discover new ways to optimize your animation, or you might even be inspired to explore new visual possibilities that wouldn't have been possible with a 2D canvas.

From Simple Script to Revolutionary Product

Refactoring is not just an exercise in education; it is a form of inventive creation. Many significant inventions started life as refactors of existing ideas. The process of translating code from one medium to another can uncover hidden opportunities and result in a brand new product or service.

Start Refactoring, Start Inventing

The next time you feel stuck in a creative rut or want to learn a new technology, try picking up some existing code and refactoring it onto a different technology stack. You might just surprise yourself with the innovative possibilities it unveils!

Embrace the refactor. It's not just about updating code; it's about upgrading your perspective and unlocking new possibilities.