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)

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)

Next.js 15 is redefining server-side React development, offering built-in optimizations for routing, caching, and image handling. In this step-by-step tutorial, we will build a dynamic records management app using Ant Design 5 for UI components and React Query 5 for efficient data fetching. Learn how to streamline development, minimize boilerplate, and optimize performance with Next.js best practices. Get started today!

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?