BestHub
Sign in
Tagged articles
12 articles
Page 1 of 1
IT Services Circle
IT Services Circle
May 19, 2024 · Frontend Development

Highlights from React Conf 2024: React 19 New Features, React Compiler, and Remix Integration

React Conf 2024 showcased the upcoming React 19 beta with new Actions hooks, server components, ref-as-prop, metadata support, resource preloading, and the experimental React Compiler, while also announcing the merger of Remix into React Router v7, offering developers a comprehensive overview of the latest frontend innovations.

ReactReact 19React Compiler
0 likes · 8 min read
Highlights from React Conf 2024: React 19 New Features, React Compiler, and Remix Integration
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 2, 2023 · Frontend Development

Implementing Permission-Based Dynamic Routing in React with RBAC

This article explains how to build a permission‑driven dynamic routing system for management applications using React, React‑Router, and RBAC, covering the conceptual overview, server‑side role mapping, state management with Zustand, and step‑by‑step code examples for route definition, mapping, and rendering.

Dynamic RoutesPermission RoutingRBAC
0 likes · 10 min read
Implementing Permission-Based Dynamic Routing in React with RBAC
NetEase LeiHuo UX Big Data Technology
NetEase LeiHuo UX Big Data Technology
Aug 15, 2023 · Frontend Development

Understanding React Router v6: Route Order, Nesting, Loaders, and Permissions

This article compares React Router v5 and v6, highlighting v6’s new Routes component, simplified nesting, loader functions for pre‑render data fetching, error handling, permission checks, and integration with defer and Suspense, providing code examples and practical migration insights for frontend developers.

React Routerloaderrouting
0 likes · 18 min read
Understanding React Router v6: Route Order, Nesting, Loaders, and Permissions
360 Tech Engineering
360 Tech Engineering
May 31, 2022 · Frontend Development

React Router DOM v6: Installation, Simple, Nested, Index, and Parameterized Routing with Full Code Examples

This tutorial explains how to install react-router-dom, create basic and nested routes, handle unmatched and index routes, pass parameters, use search parameters, customize link behavior, and navigate programmatically in a React application, providing complete code snippets for each concept.

JavaScriptReactReact Router
0 likes · 10 min read
React Router DOM v6: Installation, Simple, Nested, Index, and Parameterized Routing with Full Code Examples
政采云技术
政采云技术
Jul 27, 2021 · Frontend Development

Essential React Router Knowledge and Tips

This article explains the core concepts, basic usage, nested routing, parameter handling, Switch behavior, browser and hash modes, underlying path‑to‑regexp dependency, and integration with Dva, providing practical code examples and best‑practice recommendations for React Router in modern single‑page applications.

ReactReact RouterSPA
0 likes · 18 min read
Essential React Router Knowledge and Tips
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 12, 2021 · Frontend Development

Demystifying React Router: From Native JS Routing to Source Code Deep Dive

This article walks through building a basic front‑end router with vanilla JavaScript, then dissects React Router’s source code—including BrowserRouter, HashRouter, Router, Route, and matchPath—explaining their implementations, the history library, and how they improve routing compared to native approaches.

Hash RoutingHistory APIJavaScript
0 likes · 27 min read
Demystifying React Router: From Native JS Routing to Source Code Deep Dive
Qunar Tech Salon
Qunar Tech Salon
Oct 16, 2018 · Frontend Development

In‑Depth Source Code Analysis of React‑Router (v4/v5) and Its Core Components

This article provides a comprehensive walkthrough of React‑Router's internal architecture, detailing the implementation of key components such as Router, Route, Switch, Redirect, Prompt, Link, and withRouter, while explaining how history, matchPath, and path‑to‑regexp work together to enable client‑side routing in modern React applications.

JavaScriptReactReact Router
0 likes · 19 min read
In‑Depth Source Code Analysis of React‑Router (v4/v5) and Its Core Components
21CTO
21CTO
Nov 6, 2017 · Frontend Development

Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes

This tutorial walks you through installing React Router v4, creating basic, nested, and dynamic routes, handling URL parameters, and implementing protected routes with authentication, providing comprehensive code examples and best practices for building robust client‑side navigation in modern React applications.

JavaScriptProtected RoutesReact
0 likes · 18 min read
Master React Router v4: A Complete Guide to Building Dynamic and Protected Routes
Tencent Music Tech Team
Tencent Music Tech Team
May 11, 2016 · Frontend Development

Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router

The article details how to set up isomorphic ReactJS server‑side rendering using ReactDOMServer, Redux for shared state, and React Router for universal routing, covering data fetching, Webpack builds for client and Node, code‑splitting, and performance trade‑offs such as CPU overhead and caching strategies.

IsomorphicReactReact Router
0 likes · 10 min read
Implementing Isomorphic ReactJS Server-Side Rendering with Redux and React Router