Create API Contracts (GraphQL, tRPC, oRPC) and Workarounds
Using TypeScript to ensure type safety in large frontend projects is common, but API communication can introduce vulnerabilities that compromise type safety.
Using TypeScript to ensure type safety in large frontend projects is common, but API communication can introduce vulnerabilities that compromise type safety.
If you browse through Shadcn's component set, you'll find extensive use of a helper function cn, which uses twMerge(clsx(inputs)).
By integrating Figma MCP and Shadcn MCP Server, maybe we can precisely build frontend interfaces through chat with AI.
Rendering is performance bottleneck in web, especially in dashboard or large data lists. It skips the performance burden by "only rendering visible items."
AI solves clear contextual problems like LeetCode with remarkable efficiency and accuracy. But in real situations, AI struggles. MCP would help.
We discussed issues and solutions related to fetching external data. Explore building a better frontend data fetching experience through TanStack Query.
TypeScript type definition files are often created as a global type.ts file, but this can cause confusion as projects grow.
"Writing code is like building a church; once it's done, we start praying." and feature flags are a great technique to manage the risks.
When there's a change of only 10 lines, one can carefully check the comments; with 1000 lines, everything is LGTM (Looks Good to Me)!
If you are considering building a Tailwind-based component library, this article is worth a read. It examines the current frontend environment and challenges.
E2E testing often mentions two options: Cypress and Playwright, both of which I've tried. While I prefer Playwright overall, there are more factors to consider.
Recently reviewing some testing concepts, I encountered the testing pyramid from Mike Cohn’s book “Succeeding with Agile: Software Development Using Scrum.”
Recently, whether using AI Vibe Coding or switching functions at work, using git stash feels inconvenient. Let's learn how to use Git Worktree effectively.
You may know that Vue components communicate through props down and events up or Scoped Slots to pass info. Another approach is defineExpose.
JWT stands for JSON Web Token, a standard based on RFC 751 that is used to transmit JSON objects between two entities.