Articles by Tag #reactrouter
Browse our collection of articles on various topics related to IT technologies. Dive in and explore something new!
🧭 Mastering the `useNavigate` Hook in React Router: A Complete Guide 🚀
When building dynamic, multi-page React applications, navigation between pages is essential. React...
Optimizing Performance with Lazy Loading in React Router v6
Lazy Loading with React Router v6 Lazy loading is a technique in web development that...
React Router v7: la evolución que React necesitaba
Si estás leyendo esto, probablemente estés trabajando con React o aprendiendo a usarlo. Y si es así,...
Understanding React Router Basics: Managing Navigation in React
React Router Basics React Router is a powerful library used for routing in React...
Relative Paths
Absolute Path Absolute Path হলো এমন একটি পাথ যা application-এর root ("/") থেকে শুরু করে।...
How to disable a link in React Router 7 / Remix
Today, I joined a discussion on the Remix Discord about how to block a Link component when a certain...
How to reset scroll position to top in React Router
With React Router navigation if your links are located somewhere not in the top of the page once you go to a new page your scroll position would be where it was, sometimes in the bottom of the page. There is an easy fix to that.
How to built a static site React Router v7 + MDX
Tired of overcomplicated static site generators? Want to build your docs, blog, or site using just...
React Router Data Mode: Part 1 - Installation and first routes
In this series, we will focus on the Data Mode, which is undoubtedly my favorite for creating...
Supabase + React Router: Signup and Auth Setup (Part 2)
Let’s continue our series by adding some React code to handle user registration with...
From Zero to Deployed: A Step-by-Step Guide to Building a Full-Stack App with React Router and Cloudflare
Building a modern full-stack application involves juggling many moving parts: client-side rendering,...
React Router Data Mode: Parte 10 – Testing con Vitest y React Testing Library
Llegamos a la última entrega de esta serie sobre React Router Data Mode. En este episodio hablaremos...
Exploring React Router v7's New Framework: A Modern Take on Routing
React Router v7 has brought us not just new features for its library but also a dedicated framework...
Mastering Navigation Control in React with useCallbackPrompt and useBlocker 🚦
Building seamless navigation experiences is essential in modern web applications. Whether you're...
React Router Data mode: Parte 3 - Loaders y carga de datos
Vamos con la tercera parte de esta serie de tutoriales. En este caso, veremos un concepto que viene...
React Router Data Mode: Part 10 - Testing with Vitest and React Testing Library
We’ve reached the final part of this series on React Router Data Mode. In this episode, we’ll talk...
React Router Data Mode: Parte 8 – Validaciones, useFetcher y React Hook Form
Continuamos con la octava entrega de esta serie sobre React Router Data Mode. En esta ocasión, vamos...
React Hook to Manage URL Search Params:?mess=less
Keeping your page state in sync with URL search params doesn't seem like a big deal (it's definitely...
Index Routes
Index Routes, React Router-এর একটি বিশেষ বৈশিষ্ট্য যা একটি route-এর default child নির্দেশ করে। যখন...
How to Fix 404 Error on Vercel with React Router and Client-Side Routing
When deploying React applications to Vercel, you may encounter a frustrating issue where direct URLs...
Supabase + React Router: protect routes, login and logout (Part 3)
In this part of the series, we’ll implement user login, logout, and protect routes using Supabase and...
Supabase + React Router – Optimizing Auth Requests with Cookies (Part 4)
In this part of the series, we’re still working on authentication — but this time, we’re going to...
React Router Data Mode: Part 6 - Actions, forms and mutations
We continue with the sixth part of this series on React Router Data Mode. This time, we'll talk about...
React Router Data Mode: Part 4 - Routes with parameters, useRouteLoaderData and useParams
We continue with the fourth part of this series on React Router data mode. This time, we’ll dive...
What’s New in React Router 7? Features & Setup Guide
Explore new features in React Router 7 — Suspense support, data loaders, nested routing, and setup with real code examples and migration tips.
NavLInk
NavLink, Link-এর মতই কাজ করে। তবে এটি Navigation Link তৈরিতে ব্যবহৃত হয়। NavLink active state handle...
React Router Data Mode: Part 3 - Loaders and data fetching
Let's move on to the third part of this tutorial series. In this case, we'll look at a concept that...
To nest or not to nest
কখন Route nest করতে হবে কখন করতে হবে না Nested Routes ব্যবহার Parent-Child...
React Router Data Mode: Part 9 - Optimistic UI with useFetcher
We continue with the ninth part of this series on React Router Data Mode. This time, we'll talk about...
React Router Data Mode: Part 2 - Nested routes and outlets
In this second part of our React Router v7 tutorial, we will dive deeper into the routing system: how...