I am using React with React-Router to make a SPA(Single Page Application) recently. In my setting page, I adopted the typical Master-Detail layout.
It’s quite easy if you only need to make it work on desktop devices, but for small devices, you need to put extra effort into it.
This article describes how I implement the Master-Detail Layout which works well on both desktop and mobile. If you just want to see the end result, check out the demo project.