How to use react-router with React.net

Question

I am working on a asp.net project with react and want to use react-router. On its git repo the setup is only explained for Node.js. I found the TypeScript packages of NuGet but after installing them, I cannot build my project anymore due to compilation errors.

Does anyone have experience with installing react-router for asp.net projects?

What are you trying to achieve? You can't run JavaScript Code in server-sided .net Applications. — Smartis has left SO again
– Smartis has left SO again, Commented Aug 24, 2016 at 11:53
Doesn't react-router run on the client? Just like react itself? — arne.z
– arne.z, Commented Aug 24, 2016 at 12:03

Cheezy Code · Accepted Answer · 2016-08-24 12:43:46Z

1

+50

What we did to build our application in React. We created our whole application in React in Visual Studio Code with Redux and React-Router. Webpack is used to build all the files. Once whole application is completed, we build the js (transpiled and minified) and added a script tag pointing to that url of the bundle js into our web application page (specifically .aspx page).

Now issues you might face with react-router, if you have hosted it inside a directory of your existing project. For e.g. inside root - you have folder named myapp. If that is the case - you need to make changes to your Routes in your react app to have a base name.

I tried React.NET but after doing it this way - I really liked this approach as you can separately build the whole application with all the awesome tools you have in client side ecosystem - for instance - hot reloading

Hope it helps.

answered Aug 24, 2016 at 12:43

Cheezy Code

1,7151 gold badge14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Flezcano Over a year ago

what about SEO and other benefits of using react.net?

Cheezy Code Over a year ago

For SEO - you need to do some processing for handling different routes. We have excluded that part for now.

Mihir · Accepted Answer · 2016-08-26 11:02:20Z

1

I have never used React.NET, but what you can do is create a separate project, outside of your ASP.NET project. Use webpack for bundling and other purposes. Build your react project, which generates static assets (main.js, chunks, css files and images/sprites). Add these generated files in your ASP.NET project directly and set index.html as Start Page.

We have built our React project on top of this boilerplate. It uses industry-grade ways of optimization, uglification, minification, bundling and what not! Good luck!

answered Aug 26, 2016 at 11:02

Mihir

3,9223 gold badges28 silver badges30 bronze badges

Collectives™ on Stack Overflow

How to use react-router with React.net

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related