Creating a Sliding Menu in React with React Motion | KIRUPA


by kirupa | 11 December 2016

In UIs today, sliding menus are all the rage. These menus are basically off-screen elements that slide into view when you click or tap on something that looks like an arrow, a hamburger icon, or something else that indicates a menu will appear.

This is a companion discussion topic for the original entry at



Why didn’t you place the ReactDOM.render at the end of MenuContainer?




Need to change ‘onMouseDown’ to ‘onMouseUp’ in both the button component and menu container to get this to work with react-router-dom FYI.