Building an Apple App Clip with React Native & Expo
What Worked, What Broke, and Lessons Learned
UI Dev
Latest articles
React Server and Client Components Explained
React Server Components (RSCs) are a new component type introduced in React 18 and stabilized in React 19. Next.js picked it up right after it came out, and it has been production-ready since v13. RSCs run exclusively on the server, generate HTML out...
Build a Scalable Full-Stack Next.js App with Drizzle, Neon, Redis, and Vercel
Last week, I attended the live workshop Build a Full-Stack Next.js App v4 by Brian Holt on Frontend Masters. It was an incredible deep dive into building production-grade applications from scratch to deployment. Here is the note I took on crafting a ...
Setting Up a Modern Monorepo with NX
Introduction Managing multiple related projects can quickly become overwhelming when scattered across different repositories. NX offers a powerful solution for organizing React applications, shared libraries, and backend services in a single, well-st...
React Memorization
In React, when a parent component is updated, all of its child components will be rerendered even if the props are the same. It’s generally fine for simple components, but for those that perform expensive operations, there’s a performance gain in ens...
State Management Comparison: React Context vs MobX vs Redux
React Context Overview React Context is a built-in API for lightweight global state sharing. It’s ideal for passing data like themes, authentication, and language preferences down the component tree without manual prop drilling. Best Use Cases Stati...
How to Keep Track of Counts in an Array
Here is the instruction for the coding exercise: Create a function that takes in an array of numbers and returns an object in the specified format based on their counts. Input array: [1, 2, 3, 3, 4, 3, 2, 4, 4, 5, 4] Expected return: { unique: [1...