Greetings r/dotnet

​

I'm curious if anyone out there has had any experience bringing in a client side library such as React/Vue into an existing MVC project and if there are any recommended implementations or patterns out there? Specifically with handling routing in and out of the JavaScript library components.

​

Here's a little context to the problem I'm working on...

I'm wanting to add a JavaScript library to improve the user experience on a page where the user can search/filter a dataset that is displayed on the page as a table without refreshing the page to update the dataset. I've successfully done this but when I started thinking about linking/routing to another page (such as view additional details about a specific row) that's where things started getting hairy for me.

Is there a recommended way of handling this? Should I have any page that this component links to also be built in the JavaScript library and then use that library's recommended router to route to the required components (basically creating a mini SPA in my MVC application)? Has anyone created an elegant way of linking to a server rendered MVC page?

​

I'm trying not to get too wordy here and I apologize for the wall of text. I appreciate any help or knowledge y'all can impart on me.