| title | Keyboard Shortcuts |
|---|---|
| summary | Keyboard shortcuts in React Router Devtools let you quickly open source code, toggle the DevTools, and customize hotkeys via settings for faster navigation and debugging. |
| description | Detailed overview of all keyboard shortcuts in React Router Devtools |
Shift + Right Click
When you are in the browser and you want to go to the source code of a component, you can right click on the component while holding down shift. This will open the source code of the component in your code editor.
Shift + A
When you are in the browser and you want to open the React Router Devtools, you can press Shift + A.
This will open the DevTools, if you're already in the DevTools, it will close it.
While in the DevTools, you can also use Esc to close them.
From version 4.2.0 is fully configurable and you can change the shortcut in the settings.
We use react-hotkeys-hook to handle the keyboard shortcuts under the hood. You can adapt to their API to add your own shortcuts.
Check out the settings tab for details