Items in category react

Mastering Tables and Modals in Next.js 16: Patterns That Preserve State

React
Mastering Tables and Modals in Next.js 16: Patterns That Preserve State
Image generated by ChatGPT (DALL·E)

Mastering Tables and Modals in Next.js 16: Patterns That Preserve State When developing administrative UIs, one of the most common patterns is a table to navigate database records and modals to view or edit individual entries. In Next.js, this can be achieved in several ways — not only with Parallel Routes, which are the officially recommended approach in the documentation. In this article, I’ll share three different implementation strategies I explored and discuss their pros and cons based on real-world use cases.

Next.js 15 Tutorial: Build a Full-Stack App with Ant Design & React Query

React
Next.js 15 Tutorial: Build a Full-Stack App with Ant Design & React Query
Image generated by ChatGPT (DALL·E)

At the beginning of 2025, Next.js is likely the best choice for React developers building server-side applications. Personally, I’m used to developing apps without a framework. I typically use Express.js to write a REST API server with both SSR and client-side rendering. While this approach offers maximum flexibility, it comes at the cost of excessive boilerplate code. It also requires manually handling caching, pre-fetching, routing, HTTP cache management, and more. Take image optimization, for example.

Refactoring Legacy React Code: Moving from OOP to Functional Components

React
Refactoring Legacy React Code: Moving from OOP to Functional Components
Image generated by ChatGPT (DALL·E)

When React Hooks arrived in 2019, switching to functional components seemed impractical. But as the ecosystem evolved, new techniques emerged. This article explores key strategies for migrating class-based components to modern React patterns—leveraging composition, useImperativeHandle, and function-based customization. Ready to embrace the future of React?