https://aaa.la.justmyyysocks.xyz/Recent content on Mercer's DevlogHugoen-usMon, 15 Jun 2026 00:00:00 +0000https://aaa.la.justmyyysocks.xyz/posts/shadcn-ui-getting-started-zh/Mon, 15 Jun 2026 00:00:00 +0000https://aaa.la.justmyyysocks.xyz/posts/shadcn-ui-getting-started-zh/<p>只要你最近两年写过 React，大概率绕不开 shadcn/ui。它第一眼看上去平平无奇，用过之后却会悄悄改变你对&quot;组件库&quot;这件事的理解。这篇就讲讲怎么在真实项目里把它跑起来。</p>https://aaa.la.justmyyysocks.xyz/posts/getting-started-with-shadcn-ui/Fri, 12 Jun 2026 00:00:00 +0000https://aaa.la.justmyyysocks.xyz/posts/getting-started-with-shadcn-ui/<p>If you have built a React app in the last couple of years, you have probably run into shadcn/ui. It is one of those tools that looks deceptively simple at first and then quietly changes how you think about component libraries. This post is a short, practical guide to getting it running in a real project.</p> <h2 id="it-is-not-a-component-library-really">It is not a component library (really)</h2> <p>The first thing worth understanding is what shadcn/ui actually <em>is</em>, because it does not work like the libraries you may be used to. There is no big package that lives in <code>node_modules</code> and that you import a <code>&lt;Button&gt;</code> from. Instead, when you ask for a component, the CLI copies the actual source code into your project. The button you end up importing is your code:</p>