Posts tagged "react"

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Why Next.js is the Best Framework for SEO in 2025

Over the past few weeks, I’ve been diving into Next.js, and I’m truly amazed by its capabilities, especially when it comes to SEO optimization.Why Next.js is Perfect for SEO Server-Side Rendering ...

02.05.2025 0 Read More

Breaking Down React Components: From Monolithic to Compound Pattern

React give us the powerful capability to manage states within component, and encapsulating state is generally considered a best practice. However, in real-world applications, it is more than often tha...

02.05.2025 0 Read More

Testing TanStack Router

For my new project I decided to jump from React Router 7 to TanStack Router 🔥, especially since I’d been loving TanStack Query and figured the synergy between the two would be really powerful. Bu...

02.05.2025 0 Read More

How did I make ES6 Maps reactive for my React Components?

Turn your data into a React superstar! With make-reactive, you can magically make your Maps, Sets, and custom objects reactive — no fuss, no boring boilerplate, just pure reactivity! 🧠 ...

02.05.2025 0 Read More

React - Simple Component with Pagination

A code snippet for a React component with a simple pagination. When user clicks prev/next button, update query string (page, pageSize) via navigate() - this URL update does not reload the page. At fir...

02.05.2025 0 Read More

Single Source of Truth: Cross-Component Styling with React Compound Pattern

When building UI components, Its pretty common that we wanna trigger effects on component based on events on parent component, such as hovering. While applying style to components is straightforward, ...

02.05.2025 0 Read More

How to Create a Reusable Modal Component in React

Modals are common UI elements in modern web applications, often used for displaying content in an overlay that requires user interaction. In this tutorial, we'll create a simple and reusable modal com...

03.05.2025 0 Read More

Rendering Tooltips with React Portals (Without Breaking Layout)

While React Portals are commonly used for modals, they’re just as valuable for lightweight UI elements like tooltips and popovers. Tooltips often need to escape container boundaries (like overflow: ...

03.05.2025 0 Read More

Advanced React Hooks Explained With Real World Code Examples: Part 1

Since the release of React 16.8 in 2019, building a reusable piece of UI (components) has become super easy. Thanks to the introduction of React Hooks. Now we don't write verbose class-based component...

03.05.2025 0 Read More

CDN Caching Strategies for Next.js: Speed Up Your Website Globally

Over the last seven posts we’ve inched our way from the basics of static caching to the gnarly edges of full-page SSR caching. Each layer shaved milliseconds off the critical path, but there’s a c...

03.05.2025 0 Read More

Why Next.js is the Best Framework for SEO in 2025

Breaking Down React Components: From Monolithic to Compound Pattern

Testing TanStack Router

How did I make ES6 Maps reactive for my React Components?

React - Simple Component with Pagination

Single Source of Truth: Cross-Component Styling with React Compound Pattern

How to Create a Reusable Modal Component in React

Rendering Tooltips with React Portals (Without Breaking Layout)

Advanced React Hooks Explained With Real World Code Examples: Part 1

CDN Caching Strategies for Next.js: Speed Up Your Website Globally

#reading

#popular