Knowledge Updates

Observations while developing web applications and creating great software.

  • StyleX ↗

    Atomic CSS is a great idea. You can keep CSS size growth sub-linear in large applications with a lot of components.

    Co-locating styles with React components is a great idea too. You can keep the styles you need right next to the component.

    Many folks implement these ideas with Tailwind.

    It’s fine if you like Tailwind. But Tailwind is not CSS — it’s a DSL of class names to apply styles. You need to learn Tailwind. Your designers need to learn it. Keeping your Tailwind DSL synced up with tools like Figma which exports CSS introduces friction and conversion.

    And you’re going to need a larger monitor. Courtesy of @RhysSullivan, here’s a single div styled with Tailwind in IMAX 70mm:

    Via X

    A Better Way

    Meta built StyleX to solve these problems. Yahoo Mail built a very similar system internally over 6 years ago where you write CSS as JavaScript objects co-located with your React components. Your CSS looks like CSS.

    The final result is very small. You can load the entire CSS for the entire app all at once and avoid style repaints.

    Yahoo Mail’s entire CSS was under 45 KB gzipped and it’s a huge application. It was so small we simply inlined it into the SSR HTML.

    I hesitate to recommend StyleX for all projects. The ergonomics and open-source build tooling need refinement. Surely Meta has internal tools they use for building StyleX which are better than the open-source tools.

    But the idea of StyleX is fantastic. I believe the public open-source implementation will get there eventually. The ideas are too good.

  • How I ship projects at big tech companies ↗

    Sean Goedecke:

    The most common error I see is to assume that shipping is easy. The default state of a project is to not ship: to be delayed indefinitely, cancelled, or to go out half-baked and burst into flames. Projects do not ship automatically once all the code has been written or all the Jira tickets closed. They ship because someone takes up the difficult and delicate job of shipping them.

    […]

    In my experience, projects almost always ship because one single person makes them ship. To be clear, that person doesn’t write all the code or do all the work, and I’m not saying the project could ship without an entire team behind it. But it’s really important that one person on the project has an end-to-end understanding of the whole thing: how it hangs together technically, and what product or business purpose it serves.

  • Craft Is the Antidote to Slop ↗

    Will Manidis:

    From Genesis, man enters not a paradise without labor but a world of intentional creation. The LORD God places man in the Garden of Eden “to dress it and to keep it” (Genesis 2:15) establishing labor not as punishment but as sacred vocation. This original calling invites us to co-create the Kingdom, tending and developing the world with intention and care. Our fundamental purpose is not consumption but participation in the ongoing work of creation.

    The serpent’s temptation represents the first shortcut in human history. “Ye shall be as gods” (Genesis 3:5) was not an invitation to deeper engagement with creation, but a way to get out of the work required to tend to it. The consequence wasn’t the introduction of work itself, but its corruption into burdensome toil: “In the sweat of thy face shalt thou eat bread” (Genesis 3:19). Humanity’s first sin was, in part, choosing the easy shortcut over the meaningful process – preferring effortless gain to the demanding but fulfilling work of tending the garden.

    This first temptation remains alive today. Our post-enlightenment view that our world is purely material—that our lives are the outcome of physical processes devoid of feeling, craft, or meaning—is to discount the unique, historical, and stubbornly detailed nature of reality. This view misses what is evident: that the world we inhabit bears the marks of exacting, purposeful craftsmanship on both human and cosmic scales. Viewing the world as raw material is a cheap shortcut around the demanding, hermeneutic work of understanding the past and engaging deeply with the present.

    The outputs of these shortcuts are Slop, the dominant cultural output of the twenty-first century. Slop emerges when we eliminate not just toil (the burdensome aspects of work) but labor itself (the meaningful human engagement with creation). Slop is production without history. Slop is detached from genuine human contribution. Slop born of effortless, replicable processes.

    […]

    Language models provide the means for industrialization of Slop. In their highest calling, these tools can eliminate genuine toil: tending to burdensome emails, litigating with your co-op board, or drafting a parking ticket appeal. But when we ask a model to write a poem, design a church, or compose a eulogy, we get something fundamentally different from human creation. The model has never lost a loved one, never stood in a holy space, never lived. We can and should automate toil, but we must preserve craft.

  • NVIDIA to Manufacture American-Made AI Supercomputers in US for First Time ↗

    NVIDIA:

    Together with leading manufacturing partners, the company has commissioned more than a million square feet of manufacturing space to build and test NVIDIA Blackwell chips in Arizona and AI supercomputers in Texas.

    NVIDIA Blackwell chips have started production at TSMC’s chip plants in Phoenix, Arizona. NVIDIA is building supercomputer manufacturing plants in Texas, with Foxconn in Houston and with Wistron in Dallas. Mass production at both plants is expected to ramp up in the next 12-15 months.

    The AI chip and supercomputer supply chain is complex and demands the most advanced manufacturing, packaging, assembly and test technologies. NVIDIA is partnering with Amkor and SPIL for packaging and testing operations in Arizona.

    Within the next four years, NVIDIA plans to produce up to half a trillion dollars of AI infrastructure in the United States through partnerships with TSMC, Foxconn, Wistron, Amkor and SPIL. These world-leading companies are deepening their partnership with NVIDIA, growing their businesses while expanding their global footprint and hardening supply chain resilience.

    Previously: Apple will spend more than $500 billion in the U.S. over the next four years.

  • Visualizing all books of the world in ISBN-Space ↗

    phiresky:

    How could we effectively visualize 100,000,000 books or more at once? There’s lots of data to view: Titles, authors, which countries the books come from, which publishers, how old they are, how many libraries hold them, whether they are available digitally, etc.

    International Standard Book Numbers (ISBNs) are 13-digit numbers that are assigned to almost all published books. Since the first three digits are fixed (currently only 978- and 979-) and the last digit is a checksum, this means the total ISBN13-Space only has two billion slots. Here is my interactive visualization of that space.