Building an interactive dock

In today's fast-paced business environment, the term 'craft' often gets thrown around carelessly. There's a misconception that simply sprinkling a dash of 'craft' into an organization will magically yield exceptional results.

There's also a prevailing notion that taking the time to be intentional will slow a company down—that speed and quality are mutually exclusive. This is misguided. It's not just possible, but imperative, to move quickly while upholding high standards of craftsmanship. The art of intentionality and the pace of business can coexist harmoniously when approached correctly.

import { codeToHtml } from "shiki";

interface CodeBlockProps {
  children: string;
  language?: string;
}

export default async function Code({
  children,
  language = "text",
}: CodeBlockProps) {
  try {
    const html = await codeToHtml(children, {
      lang: language,
      theme: "vitesse-dark",
      transformers: [
        {
          pre(node) {
            const existingClasses = node.properties.className || [];
            const classArray = Array.isArray(existingClasses)
              ? existingClasses
              : typeof existingClasses === "boolean"
              ? []
              : [existingClasses];
            node.properties.className = [...classArray, "shiki-code-block"];
          },
        },
      ],
    });

    return <div dangerouslySetInnerHTML={{ __html: html }} />;
  } catch (error) {
    console.error("Failed to highlight code:", error);
    return (
      <pre
        style={{
          backgroundColor: "#1e1e1e",
          color: "#d4d4d4",
          padding: "1rem",
          borderRadius: "0.5rem",
          overflow: "auto",
        }}
      >
        <code>{children}</code>
      </pre>
    );
  }
}

At its core, this intentionality goes beyond mere execution to encompass thoughtful and deliberate action. As legendary coach Bill Walsh put it, "Concentrate on what will produce results rather than on the results, the process rather than the prize." True craft involves a disciplined focus on the essential elements that lead to quality work, cutting through the noise and distractions to hone in on what genuinely matters.

But here comes the paradox: The essence of 'craft' inherently defies the cookie-cutter scalability that businesses often strive for. 'Craft' is about the minutiae, the personal touches, and the individual flair. It's these very qualities that make scaling so tricky, perhaps even impossible to truly achieve. At some point, you may find that scaling leads to the dilution of the quality you aimed to uphold. It's the eternal struggle between the artisan and the assembly line.

The Apple Example

So what about companies like Apple? Apple's success in scaling craft often looms as the gold standard in the business landscape. Steve Jobs' relentless focus wasn't just an idiosyncratic trait of a tech genius; it became the pulsating heartbeat of an entire organization. Jobs had the audacity to challenge shareholders and the conviction to sweat the smallest details, including firing people over seemingly minor offenses like misaligned fonts. This level of intensity is rare today, but it carved out a culture at Apple that still values craft as a core tenet. The challenge is whether other companies can replicate this without such a singular, driving force at the helm.

Many attribute Apple's continued focus on craft to a commitment to uphold Jobs' legacy, a powerful motivator that still shapes the company's ethos. This legacy doesn't just reside in the executive suite; it permeates the entire organization. Apple attracts people who are deeply committed to quality, creating a virtuous cycle that sustains a legacy of craft. It's a testament to the power of individual contribution in shaping and maintaining a culture of excellence, even in a company of Apple's scale.