erikras / react-redux-universal-hot-example

A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform
MIT License
11.99k stars 2.5k forks source link

Monitoring Panel Hotkeys #630

Open joeyfigaro opened 8 years ago

joeyfigaro commented 8 years ago

...don't seem to work on at least os x. Control + H and Control + Q don't seem to do anything.

carlyle commented 8 years ago

@joeyfigaro I was able to toggle and change the position of the devtools using the Control+H and Control+Q keyboard shortcuts without any problem with a fresh copy of the repo as it currently exists

One thing that tripped me up at first is that the shortcut is for Control+ instead of Command+ on OS X

You may also want to check that changePositionKey and toggleVisibilityKey attributes of the DevTools' DockMonitor component are "Q" and "H", respectively, otherwise the keyboard shortcuts in your local implementation may have been changed

Finally, I would recommed installing https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en on Chrome (if that is what you're using) which the app will use instead of the DevTools component, when available.

motebotic commented 8 years ago

Same problem on Linux Mint. The hot keys don't work at all.

Date: Wed, 9 Dec 2015 13:30:51 -0800 From: notifications@github.com To: react-redux-universal-hot-example@noreply.github.com Subject: Re: [react-redux-universal-hot-example] Monitoring Panel Hotkeys (#630)

Also on OSX, can't use the hotkeys at all. Also can't install the extension (gives me an error, in store, when I try)

— Reply to this email directly or view it on GitHub.

merriam commented 8 years ago

I think is this is ready to close. Current versions seem to have hot keys for the Redux panel of 'H' and 'Q' as @carlyle suggested and the file ./README.md was updated. Is there any other documentation that needs to be updated?

guiguan commented 8 years ago

I am using OSX and met the same problem. I have installed the Chrome extension - Redux DevTools. I found out that when I enabled the extension, the Devtools came with the boilerplate would not be opened with shortcut ctrl+H. So it seemed that the Chrome extension masked the boilerplate's Devtools away. If you disable the extension, the boilerplate's Devtools works just fine.

Hope this helps.