699: Potluck × TypeScript's Longevity × Canvas-Rendered Apps × Learning Rust × Executing Untrusted JS Code

Episode Summary

Executive Summary: This Syntax potluck covers a wide range of web-dev topics: TypeScript’s long-term safety, the tradeoffs of canvas-rendered web apps, secure remote access with Tailscale, modernizing WordPress workflows, SVG icon strategies, web component libraries, Rust project ideas, vector databases for AI embeddings, and tooling for templated HTML comments. The hosts emphasize practical, incremental adoption and highlight how modern tooling can solve real workflow pain points.

Main Topics: TypeScript longevity and the risk of framework churn: Wes and Scott argue that TypeScript is unlikely to disappear soon, even if web technologies evolve. They compare it to Flow’s decline and note that type-system knowledge transfers well across tools and languages. Canvas-rendered apps and Flutter-style web experiences: They discuss the appeal and risks of rendering entire web apps in Canvas, including accessibility loss, reimplementing browser features, and the high maintenance burden versus possible performance gains. Secure remote access and Tailscale: A listener recommends Tailscale for safely accessing home machines, NAS devices, and shared services without exposing ports. The hosts contrast it with Synology, Ngrok-like tools, and Cloudflare tunneling alternatives. Modern WordPress workflows and frontend tooling: They discuss how to bring WordPress into a Git/CI-driven workflow, including separating content/data from code, handling media outside the filesystem, and using Vite plus Alpine.js for lightweight interactivity. SVG icon color strategies and dynamic delivery: The hosts explain the difficulty of using SVGs as both inline, styleable icons and background images, and review workarounds like masks, server-generated SVGs, data URIs, and query-param-based SVG endpoints. Web component libraries and Shoelace: They recommend Shoelace as a customizable, framework-agnostic web component library that provides accessible UI primitives without locking teams into a specific design system or framework. Rust project ideas beyond web servers: The hosts suggest Rust learning projects such as CLI tools, audio/voice processing, PDF generation, and Rust+Tauri apps, emphasizing that practical utility projects are the best way to learn. AI embeddings and vector databases: They explain embeddings and why vector search is useful for similarity-based retrieval, noting MongoDB’s vector search support and comparing it to other options like Pinecone, Redis, Chroma, Vespa, and Cloudflare D1 considerations.

Key Arguments: TypeScript is unlikely to vanish soon, and even if it eventually does, the underlying skills are transferable to future type systems. Canvas-only app frameworks can be performant but require reimplementing major browser capabilities, especially accessibility, text selection, inputs, and font behavior. Tailscale is an easier and safer alternative to opening router ports for home or NAS remote access. A modern WordPress workflow should prioritize Git, CI/CD, and separating database-managed content from deployable code. For WordPress frontends, Vite plus Alpine.js can modernize interactivity without forcing a full framework rewrite. SVG icons are hard to make both styleable and reusable as backgrounds; masks or server-generated SVG endpoints are often the best compromises. Shoelace is a strong option for teams needing accessible, headless-ish web components across frameworks. Rust is best learned through practical non-trivial tools like CLIs, media processing, or Tauri apps rather than basic web servers. Vector databases are increasingly relevant for AI embedding search, similarity matching, and recommendation systems. Comment-tagged templates and related editor tooling help make inline HTML/CSS/JS strings readable and maintainable in editors like VS Code.

Data Points: TypeScript / Flow migration example: Friday-to-Monday conversion - Scott references Stripe’s Flow-to-TypeScript migration as an example of how transferable type-system knowledge is. Syntax website performance score: No reds; only meh and above - Scott says Sentry helped eliminate poor performance grades on the new site. Perf threshold: 89 to 60/70 range = "meh"; above 90 = green - Describes Sentry’s performance grading labels. SVG icon count: 25 SVG icons - Listener asks how to handle 25 icons for both inline coloring and background use. Bandcamp era: Around 2008 - Scott estimates Bandcamp has existed for roughly that long. Rust UI library sentiment: "Most of them are terrible" - Scott expresses strong skepticism toward Rust-native UI libraries compared with web UI via Tauri. Vocabulary of temperature safety: Chicken at 165°F; Scott cooks to 160°F - He explains carryover cooking and why instant-read thermometers are useful. Instant-read thermometer price: About 15 CAD / 10 USD on Prime Day - Scott describes them as inexpensive and valuable kitchen tools. Web component install behavior: Individually installable components - Shoelace is described as modular, allowing teams to use only needed components. Vector search vendors mentioned: MongoDB, Chroma, Vespa, Redis, Pinecone, Zeta, Cloudflare D1 - Scott lists the ecosystem of vector database/search options. Comment-tag template installs: 22,000 installs - Scott mentions the VS Code extension comment tag templates.

Pivotal Quotes: "Everything will go away in web development, especially in web development." — Wes: On whether TypeScript or other tools will disappear over time. "Once you step out of that world of the browser, you're stepping out of all of the lovely things that the browser gives you in terms of accessibility, in terms of baked-in perf sort of things, or just general browser features." — Scott: On the tradeoffs of canvas-rendered web apps and Flutter-style web experiences. "Do you really need a CMS?" — Scott: On modernizing WordPress workflows and questioning default architecture assumptions.

Implications: Listeners should treat current tooling as pragmatic, not permanent: choose technologies that solve today’s problems, keep skills transferable, and avoid unnecessary complexity when the platform already provides what you need.