How to incorporate react-router?

[younanjo]

Can someone suggest how one would go about adding react-router v4 to the mix so that react handles all the routes other than /api/*.

[xiaoyunyang]

@younanjo check out my project here in which react-router v4 is incorporated. It's a work-in-progress and there are extraneous code, but you can see a working version of routing on the frontend.

[borisyordanov]

@xiaoyunyang Your project is quite big. Not sure where to look for the react-router incorporation. Can you point me in the right direction?

[xiaoyunyang]

@borisyordanov I suggest you start with this starter project repo, which is a lot smaller and easier to follow. There's an tutorial I wrote on this repo to walk through how to set up this project.

This starter project does not have create-react-app hookup. If you want to see how to incorporate it into the create-react-app project, what you want to do is to make sure your entrypoint for the client application is index.js and moved the shared folder into the create-react-app src folder. In my big project, this is where you want to start looking: /client/src/index.js.

Let me know if this helps!