git404hub

what is react-router-hash-link fr?

methuselah96/react-router-hash-link — explained in plain English

Analysis updated 2026-07-18 · repo last pushed 2019-07-20

JavaScriptAudience · developerComplexity · 1/5DormantSetup · easy

tl;dr

A drop-in replacement for React Router's Link that actually scrolls the page to the matching #hash section, including content that loads asynchronously.

vibe map

mindmap
  root((repo))
    What it does
      Scrolls to hash links
      Handles async content
      Drop-in Link replacement
    Tech stack
      JavaScript
      React Router
    Use cases
      Fix broken anchor links
      Smooth scroll navigation
      Custom scroll offsets
    Audience
      React developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Replace React Router's Link with HashLink so anchor links like #contact actually scroll to that section.

VIBE 2

Add smooth scrolling to in-page navigation instead of an instant jump.

VIBE 3

Write custom scroll logic to account for a fixed header when scrolling to a section.

VIBE 4

Use HashLink with a custom Link implementation such as Gatsby's.

what's the stack?

JavaScriptReact Router

how it stacks up fr

methuselah96/react-router-hash-link3rd-eden/ircb.ioa15n/a15n
LanguageJavaScriptJavaScriptJavaScript
Last pushed2019-07-202016-11-162019-04-07
MaintenanceDormantDormantDormant
Setup difficultyeasyeasyeasy
Complexity1/52/52/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

Requires React Router's BrowserRouter to work.

prompts (copy fr)

prompt 1
Help me replace React Router's Link with HashLink so my #faq anchor links actually scroll into view.
prompt 2
Explain how react-router-hash-link handles scrolling to content that loads asynchronously.
prompt 3
Show me how to make HashLink scroll smoothly instead of jumping instantly to the target section.
prompt 4
How do I use react-router-hash-link with a fixed header so it scrolls with extra top padding?

Frequently asked questions

what is react-router-hash-link fr?

A drop-in replacement for React Router's Link that actually scrolls the page to the matching #hash section, including content that loads asynchronously.

What language is react-router-hash-link written in?

Mainly JavaScript. The stack also includes JavaScript, React Router.

Is react-router-hash-link actively maintained?

Dormant — no commits in 2+ years (last push 2019-07-20).

How hard is react-router-hash-link to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is react-router-hash-link for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it