#Development

July 2, 2026·Tech·visibility0

DevelopmentReact

useCallback and the Closure Trap: Why Your React Code Gets Stale Values In React development, you often run into the problem of logging stale values inside closure functions. These issues appear to be React pitfalls at first glance, but they are actually the combined effect of two things: JavaScript closures and React's snapshot-based rendering.

July 2, 2026·Essay·visibility7

AIDevelopment

Don't Let Vibe Coding Become Technical Debt: How Developers Can Balance Speed and Responsibility In an era where AI writes code as a daily routine, 'vibe coding' has indeed made development faster and more enjoyable—a single sentence can get a feature up and running. But when that code needs to go to production, be maintained over the long term, and be someone's responsibility, the clash between speed and maintainability, stability, and reliability becomes unavoidable.

June 30, 2026·Tech·visibility8

DevelopmentReact

React useEffect: What Shouldn’t Go Inside useEffect was originally an escape hatch from React for synchronizing with external systems. But many treat it as the command center for all internal component logic. Remember this simple rule: if no external system is involved, you usually don't need an Effect.

June 30, 2026·Tech·visibility3

DevelopmentReact

Why React Hooks Get Messy Over Time (and How to Fix It) Over time, many developers find that their experience with React Hooks shifts from clean and refreshing to increasingly messy. In this article, I'll analyze the root causes of this chaos and provide practical guidance to keep your hooks in order.

June 23, 2026·Tech·visibility4

AIDevelopment

The Best Line of Code Is the One You Never Write: Meet Ponytail Ponytail is an open-source AI plugin that trains your coding assistant to think like a lazy senior engineer—solving problems by first using standard libraries and existing capabilities, and cutting out all unnecessary code.

June 2, 2026·Tech·visibility3

Development

Part 8: Adding RBAC to blog-demo — Teaching Prisma Who Can Do What In this post, we'll add a simple RBAC (Role-Based Access Control) rule to blog-demo.

June 2, 2026·Tech·visibility4

Development

Part 7: Adding Simple Authentication to blog-demo (Next.js + Prisma + Auth.js) In this part, we'll do three things: integrate a minimal login system (Auth.js / NextAuth style) into the project; require users to be logged in for creating new articles and posting comments in blog-demo; and in API Routes, retrieve the current user ID from the session instead of using a hardcoded authorId.

June 2, 2026·Tech·visibility6

Development

Part 6: Next.js + Prisma + blog-demo Full-Stack Hands-On In previous parts, we took a backend-focused approach with Prisma to build the data model and business logic for blog-demo. In this part, we integrate that model into Next.js to create a minimal yet complete personal blog admin panel.

June 2, 2026·Tech·visibility5

Development

Part 5: Building a Complete Business Workflow with blog-demo (Advanced Prisma Practices) In the previous article, we designed a set of relational models for blog-demo: User / Profile / Post / Comment / Category. It's functional, but still at the "structural level." In this section, I want to take a different approach: instead of explaining by concepts, I'll walk through a complete business workflow.

June 1, 2026·Tech·visibility2

Development

Part 4: Practical Prisma Relationship Modeling & Queries (blog-demo Project) Starting from this chapter, we move from a single-table world with only User to a multi-table world with real business semantics: the blog-demo blog system.

June 1, 2026·Tech·visibility4

Development

Part 3: Prisma Schema Deep Dive The goal of this article is to break down the Prisma schema from top to bottom — explaining datasource, generator, model, enum, and all the attributes: what they are and how to use them.

June 1, 2026·Tech·visibility3

Development

Part 2: Build Your First Prisma Project from Scratch with PostgreSQL In this article, we jump straight into a real project: using Prisma 7 + Next.js 16.2.2 + PostgreSQL + pnpm, we go from an empty directory to displaying the first User record from the database on the page.

May 29, 2026·Tech·visibility10

Development

MVP Isn't About Settling — It's a Smarter Development Sequence The MVP (Minimum Viable Product) mindset is essentially about validating whether an idea is worth pursuing — at a lower cost.

May 12, 2026·Tech·visibility12

DevelopmentReact

React Native 0.85: A Polished Upgrade Built on the New Architecture When React Native 0.85 was released, the official announcement avoided using the term 'revolutionary' — because this update is essentially a systematic polish of infrastructure like animations, debugging, and testing, building on the foundation of the new architecture.

May 3, 2026·Tech·visibility7

AIDevelopment

A Frontend Engineer's Guide to Getting Started with MCP Many frontend engineers feel a bit confused when first encountering MCP: it sounds like a protocol, acts like an Agent, and discussions are full of Tool, Prompt, Resource, and Skill. But you don't need to digest all these terms at once. Just remember this one sentence: MCP is a standardized way for AI to connect tools, access data, and actually get things done.

May 2, 2026·Tech·visibility11

AIDevelopment

code-review-graph: More Precise AI Code Review with Fewer Tokens code-review-graph is an open-source tool for AI coding assistants. It first builds a structured knowledge graph of your codebase locally, then supplies only the relevant context to the AI — avoiding a full scan of the entire repository on every task. Powered by Tree-sitter to parse ASTs, it organizes functions, classes, imports, call relationships, and test dependencies into a graph structure, and makes it available to tools like Claude Code, Codex, and Cursor via MCP.

April 26, 2026·Tech·visibility15

Development

A Beginner's Guide to Kamal2: The VPS Deployment Tool I Use Nowadays, my main full-stack frameworks are Next.js 16 and Rails 8. Through using Rails, I came across the officially recommended deployment tool Kamal. I usually use it to deploy projects on Rails and Alibaba Cloud servers. It's very handy and simple, so now I'd like to introduce the concepts and basics of Kamal2 to everyone.

April 23, 2026·Tech·visibility13

Development

Part 1: What is Prisma? Let's start with a one-sentence summary: Prisma is a modern ORM and data access toolchain for TypeScript/JavaScript.