New CLI Catches Lighthouse Regressions Pre-Ship

A new command-line tool called Kanmi has been released to automate the detection of Lighthouse performance regressions. The tool is designed for continuous monitoring in CI/CD pipelines, alerting teams to issues like bundle size increases or LCP drops before they are deployed to production.

Kanmi positions itself as a zero-config alternative to Google's own Lighthouse CI, which typically requires setting up a server or using temporary public storage and a project-specific configuration file. Kanmi, on the other hand, runs locally, storing audit history in JSON files and automatically comparing against an engineer's baseline without needing a server or database. This local-first approach is designed for the specific workflow of answering the question: "did this deployment make performance worse?" in under a minute. The drive for performance optimization is leading to major shifts in the React ecosystem, most notably with the new React Compiler. Formerly known as "React Forget," the compiler automates memoization at build time, analyzing code to prevent unnecessary re-renders without developers needing to manually use `useMemo`, `useCallback`, or `React.memo`. The compiler works by parsing code into an Abstract Syntax Tree (AST), building a High-Level Intermediate Representation (HIR) to understand data flow, and then generating optimized code with caching logic. Beyond React's compiler, there's a broader exploration of "fine-grained reactivity" using signals, a pattern gaining traction in frameworks like Solid, Preact, and Angular. Unlike React's traditional hook-based model where state changes trigger component-level re-renders, signals update only the specific parts of the DOM that depend on the changed state. This can lead to significant performance improvements in applications with complex, deeply nested component trees or real-time data feeds. For computationally intensive tasks, many are turning to WebAssembly (Wasm). Wasm allows code written in languages like C++, Rust, and Go to run in the browser at near-native speeds, making it ideal for use cases like in-browser image and video editing, 3D rendering, and running AI models locally. Companies like Disney+ and Google Earth are already using Wasm to enhance their web applications. The rise of AI is reshaping frontend workflows, with tools like GitHub Copilot moving beyond simple code completion to generating entire components from text prompts. AI assistants are increasingly used for debugging, identifying performance anti-patterns, and even converting design mockups directly into functional code, reducing the friction between design and development. However, a key best practice is to use AI for speed and repetitive tasks, while architectural decisions and security reviews remain human-driven. For many senior ICs, the next step is the transition to an Engineering Manager role, a shift from direct problem solving to enabling others. A primary challenge for new managers is letting go of coding and technical decision-making to focus on team growth, career development, and effective delegation. The role demands a new skill set focused on communication, conflict resolution, and managing team productivity over individual output. A key responsibility in both senior IC and management roles, especially when building internal tools, is focusing on Developer Experience (DX). Good DX involves creating APIs and tools that are intuitive, well-documented, and allow other developers to get started quickly. This "design for humans first" approach prioritizes clear naming conventions, consistency, and actively seeking feedback from the engineers who consume the tools.

Get your own daily briefing

Scout delivers personalized news, insights, and conversations tailored to your role and industry.

Download on the App Store

Shared from Scout - Be the smartest in the room.