Bytes

Server actions are finally feeling stable enough for production use. Ripping out tRPC in favor of native actions reduced the bundle size by almost 15%. The developer experience is vastly simpler, though handling loading states requires a slight mental shift.

Finally, array.filter(x => x !== null) actually narrows the type without a manual type predicate. Huge DX improvement.

Incredible tool for building perceptually uniform color palettes. Been using this extensively for the new Acorn-inspired theme updates.

Testing out the new logical replication from standbys. This significantly reduces the load on the primary node during heavy analytical syncs.

/* Acorn standard scrollbar removal */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none;    /* Firefox */
}

The new engine is ridiculously fast. Transitioning to CSS variables for configuration feels much cleaner than the old JS config.

const useDebounce = <T>(value: T, delay: number): T => {
  const [debouncedValue, setDebouncedValue] = useState<T>(value);

  useEffect(() => {
    const handler = setTimeout(() => {
      setDebouncedValue(value);
    }, delay);

    return () => clearTimeout(handler);
  }, [value, delay]);

  return debouncedValue;
};

We spend too much time arguing about the perfect architecture before we even know the actual shape of the problem. Sometimes the best architecture is the one that lets you rewrite it easily once you finally understand the requirements.