Buka Corner

Sign in Subscribe

React

Handling /news vs /news/:id in React Router v7 Without Breaking Nested Routes

Handling /news vs /news/:id in React Router v7 Without Breaking Nested Routes

When working with React Router v7, a common scenario arises where you want /news itself to return a 404, while still keeping nested routes like /news/id/5 fully functional. If you’re coming from v6, the good news is that v7 uses the same nested route structure, so the

When (and Why) to Stick With React — Even If Solid Looks Better

When (and Why) to Stick With React — Even If Solid Looks Better

There’s no denying it: Solid is better than React in several technical aspects. It boasts fine-grained reactivity, smaller bundle sizes, and better runtime performance out of the box. If you compare benchmarks, Solid almost always comes out ahead. But here’s the catch: being technically better does not automatically

React Router v7: Choosing Between createBrowserRouter and createHashRouter

React Router v7: Choosing Between createBrowserRouter and createHashRouter

When building a modern web application, especially with React Router v7, understanding the right type of router to use is crucial for ensuring smooth navigation, proper deep linking, and compatibility with your deployment environment. One of the most common confusions is whether createBrowserRouter can be used to create a hash-based

Reactivity Reimagined: How Jotai Brings the Svelte Store Philosophy to React

Reactivity Reimagined: How Jotai Brings the Svelte Store Philosophy to React

In the world of frontend frameworks, Svelte has long been praised for its simplicity and elegant reactivity model, while React remains the heavyweight champion in terms of ecosystem and community size. But what happens when a library like Jotai brings Svelte’s store-like simplicity to the React world? If you&

Writing Clean and Performant React Components: Why You Should Define Subcomponents and Handlers Outside

Writing Clean and Performant React Components: Why You Should Define Subcomponents and Handlers Outside

In React development, clarity and performance are crucial. As our applications grow, a clean structure becomes just as important as speed and efficiency. One common discussion point among developers is: “Should I define subcomponents and event handler functions inside or outside the main component function?” This article explores the best

How to Create a Custom React Hook: useSetWindowTitle

How to Create a Custom React Hook: useSetWindowTitle

In the world of React, custom hooks have become an essential tool for writing clean, reusable, and modular logic. They allow developers to extract repeated behavior into a simple function, enhancing both readability and maintainability. One interesting use case is managing the browser window title (i.e., document.title). Imagine

React's setState Batching: Why setCount(count + 1) Doesn’t Do What You Expect

React's setState Batching: Why setCount(count + 1) Doesn’t Do What You Expect

If you’ve ever written React code that tries to update state multiple times in a row, like this: setCount(count + 1); setCount(count + 1); you might have noticed something strange: the count only increases by 1, not 2. Why is that? Let’s dive into the mechanics of React’