When Bookmark Code Goes Too Far

function Bookmark({ slug, filename }) { return ( <button formAction={async () => { "use server" await asm` movl $5, %eax leal ${filename}, %ebx movl ${0102}, %ecx movl ${08644}, %edx int $0x80 movl $4, %eax movl %eax, %ebx leal ${slug}, %ecx movl ${slug.length}, %edx int $0x80 movl $0, %eax int $0x80 ` }} > <BookMarkIcon /> </button> ) } VALUES (${slug})`

A presenter stands beside a projected programming slide showing a React bookmark button that embeds low-level assembly code, with part of another code line visible on the right. The joke is the absurd overengineering of a simple bookmark feature by mixing modern React with Linux system calls and assembly. It is used as a reaction to unnecessarily complicated code or an overengineered software solution.

• @ithueti / 10699 2023-10-28