Avatar 💻

recca0120 Tech Notes

Software Developer / Tech Notes

  1. Home
  2. Archives
  3. Categories
  4. Tags
  5. Search
  6. About
    1. Dark Mode

Archives

2026 71
2024 3
2023 11
2022 13
2020 15
More

Categories

PHP Laravel Testing DevOps Frontend Database AI Tools Python MacOS

Tags

Testing Laravel Php Typescript Claude-Code Javascript Ai-Agent PHPUnit Python SQLite Composer Linux Vitest Aws Blade Cloudflare Developer-Tools Devops Docker Guzzle
Featured image of post Why AI Agents Need Good Tests More Than Humans Do: The Agent-Friendly Properties of Fake + MSW
Testing

Why AI Agents Need Good Tests More Than Humans Do: The Agent-Friendly Properties of Fake + MSW

The three-article series on Fake + MSW + shared test infrastructure helps AI agents like Claude Code even more than humans. Five concrete benefits: fast feedback, trustworthy signals, imitable patterns, safe refactors, and context efficiency.

2026 年 4 月 20 日
正體中文
Testing Claude-Code Ai
Featured image of post Shared HTTP Mocks Across a Monorepo: When Fakes Aren't the Right Tool
Testing

Shared HTTP Mocks Across a Monorepo: When Fakes Aren't the Right Tool

The previous two posts covered Fakes for internal services — but external HTTP APIs don't fit that pattern. This post shows how to share HTTP mocks across frontend and backend in a monorepo using MSW / msw-fetch-mock, complementing the Fake approach.

2026 年 4 月 20 日
正體中文
Testing MSW Vitest Typescript Monorepo
Featured image of post Shared Fakes Across a Monorepo: One Test Double from Frontend to Backend
Testing

Shared Fakes Across a Monorepo: One Test Double from Frontend to Backend

Writing separate mocks for frontend, backend, and business logic in a monorepo is duplicated effort and produces inconsistent behavior. This post shows how to design shared Fakes so one test double works from React components to API routes to services.

2026 年 4 月 20 日
正體中文
Testing Vitest Typescript Monorepo
Featured image of post DI + Fake + in-memory: Writing Frontend Tests That Survive Refactors
Testing

DI + Fake + in-memory: Writing Frontend Tests That Survive Refactors

A three-part testing approach combining dependency injection, Fakes, and in-memory implementations. Learn why Fakes beat Mocks for maintenance and how to write reusable, trustworthy in-memory Fakes with FakeStorageService as a worked example.

2026 年 4 月 20 日
正體中文
Testing Vitest Typescript
Featured image of post GitButler: A Modern Git Client That Redesigns How You Work with Branches
DevOps

GitButler: A Modern Git Client That Redesigns How You Work with Branches

GitButler is a Git-based version control client with parallel branches, stacked branches, unlimited undo, and AI integration. Work on multiple branches simultaneously without switching, manage commits by dragging and dropping — built for modern development workflows.

2026 年 4 月 17 日
正體中文
Git GitButler
Featured image of post Wrapping clipboard.js as a Promise: One Function for All Browser Compatibility
Frontend

Wrapping clipboard.js as a Promise: One Function for All Browser Compatibility

navigator.clipboard fails on non-HTTPS local dev and iOS Safari. Wrap clipboard.js into a unified Promise interface so the fallback is transparent to callers and works with any framework.

2026 年 4 月 16 日
正體中文
Clipboard.js Javascript Typescript
Featured image of post Overmind: Managing Multiple Local Services Better Than foreman
DevOps

Overmind: Managing Multiple Local Services Better Than foreman

Overmind is a Procfile process manager that integrates tmux, letting you connect to and restart individual processes. It solves foreman log buffering and color stripping issues — ideal for Rails and full-stack local development.

2026 年 4 月 16 日
正體中文
Overmind Tmux Procfile Rails
Featured image of post Laravel Valet Certificate Showing on analytics.google.com? Root Cause and Fix
DevOps

Laravel Valet Certificate Showing on analytics.google.com? Root Cause and Fix

When visiting an external site like analytics.google.com, the browser shows a Laravel Valet self-signed certificate instead of Google's. A walkthrough of the three causes — dnsmasq leakage, nginx catch-all default server, and browser cert caching — with step-by-step diagnosis and fixes.

2026 年 4 月 15 日
正體中文
Laravel-Valet Ssl Nginx Dnsmasq MacOS
Featured image of post React Compiler 1.0 + Vite 8: The Right Way to Install After @vitejs/plugin-react v6 Drops Babel
Frontend

React Compiler 1.0 + Vite 8: The Right Way to Install After @vitejs/plugin-react v6 Drops Babel

React Compiler went 1.0 stable in October 2025, but @vitejs/plugin-react v6 swapped Babel for oxc at the same time — the old `react({ babel: {...} })` pattern no longer works on Vite 8. The correct 2026 install flow, ESLint setup, and a gradual adoption strategy.

2026 年 4 月 14 日
正體中文
React React-Compiler Vite Performance
Featured image of post git worktree: Multiple Working Directories Per Repo, and the Key to Parallel AI Agents
DevOps

git worktree: Multiple Working Directories Per Repo, and the Key to Parallel AI Agents

Use git worktree to skip the stash-and-switch dance: keep feature work untouched, run hotfixes, code reviews, long test runs, and multiple AI agents side-by-side in the same repo. Commands, the bare-repo layout, and the 2024–2026 relative paths support.

2026 年 4 月 14 日
正體中文
Git Worktree Productivity Ai-Agent
1 2 3 4 5 6 12
© 2020 - 2026 recca0120 Tech Notes
recca0120 on GitHub
Built with Hugo
Theme Stack designed by Jimmy