Buka Corner

Sign in Subscribe

React

TanStack Query vs. SWR: A Comprehensive Guide for Next.js 15 Projects

TanStack Query vs. SWR: A Comprehensive Guide for Next.js 15 Projects

In the ever-evolving world of React and Next.js, developers often face tough choices when it comes to data fetching and caching solutions. For years, SWR has been a beloved choice for its simplicity and elegance. Recently, however, many developers (including some of my friends) have recommended a switch to

Building Better React Apps: Evolving Patterns for Maintainable UIs

Building Better React Apps: Evolving Patterns for Maintainable UIs

As React continues to evolve, the way we write components—and structure logic within them—needs to mature as well. While it's tempting to just "make it work," that mindset often leads to tech debt and painful refactors later on. Here are modern React patterns and

Mastering Compound Components in React: The Art of Component Composition

Mastering Compound Components in React: The Art of Component Composition

If you’ve spent some time working with React, chances are you’ve come across a syntax like Form.Input or Menu.Item. It may look a little unusual at first, but it represents a powerful pattern known as the Compound Component. This design pattern enables developers to build highly

Demystifying React.lazy() — Smarter Code Splitting for Faster Apps

Demystifying React.lazy() — Smarter Code Splitting for Faster Apps

When building modern web apps with React, one of the biggest performance killers is loading too much JavaScript upfront. That’s where React.lazy() comes in. It’s a powerful feature for code splitting, helping you load components only when they're actually needed. What Is React.lazy()? At

Boost Your React App with a Sleek Command Palette Using cmdk

Boost Your React App with a Sleek Command Palette Using cmdk

If you have ever used macOS Spotlight or the VS Code Command Palette, you know how powerful it feels to summon a search-driven interface with a simple keyboard shortcut. It’s fast, it’s accessible, and it saves users from getting lost in endless menus. Now, imagine you could build

Don't Let the Default Fool You: Choosing the Right Option When Installing React 19 Packages

Don't Let the Default Fool You: Choosing the Right Option When Installing React 19 Packages

If you've recently started a new project with React 19 and tried installing a component library like shadcn/ui, you might have been greeted by a message that looks something like this: "Some packages may fail to install due to peer dependency issues in npm..." And

Why React Developers Prefer const fetchData = async () => {} Over async function fetchData()

Why React Developers Prefer const fetchData = async () => {} Over async function fetchData()

When writing asynchronous functions in React, you’ve probably noticed that developers tend to use the arrow function syntax: const fetchData = async () => {} more often than the traditional function declaration: async function fetchData() {} But why is this the case? While both approaches work, there are several key reasons why arrow