What JS-framework to use in cooperation with MVC (6)?

So I've started, restarted, re-restarted, nuked, rebooted, started over, and restarted again a project the last couple of weeks. It's a new LoB application to replace an old aging ASP 3.0 application that is slowly dying a painful death, complete with COM+ objects failing and IE6-specialized code barfing all over the place.

I started with an Aurelia front-end and a Web Api 2 back end. Then the iterations went between different Web Api solutions until I'm now back on ASP.NET Core 1.0 on the full 4.6.1 framework using MVC 6. I know MVC, I don't know Aurelia - and the new constructs it brings with it - enough to be as productive as I need in the time frame allotted for this project.

But I still want some dynamicicity.. dynamicness.. dynamisism. (?) .. I still want the application to be dynamic and nice to use. With modals and other such niceties. Therefore my question is as follows: What JS-framework, if any, would you go with to add "bells and whistles" to a MVC 6 application?

And as a side-note, is there any way to get rid of/minimize the "flash of white" that comes when navigating from page to page in an MVC app? I thought about hijacking all links and pulling the resulting data in via ajax and stuffing them in place, but that sounded like overkill and probably screws up something I haven't thought of...

Try React. You'll be able to mix MVC 6 and React. React is not framework such Aurelia/Angluar, it is a library and easy to integrate partially/incrementally. I'm not familiar with Vue, but I know both of them allow you to leverage functional-reactive techniques. And obviously, final UX can be much better than classic MVC. You can split your app on multiple small SPA's to minimize transitions with "flash of white" (full SPA is still the best). This way you can keep implementing some (easier) parts with MVC and plug-in React stuff on pages with complex UI.

Is this a SPA consuming an API or you serve some js views inside your MVC backend framework views? I haven't use Aurelia before so I am not sure how it should be used. I think you are serving some js components in your MVC views and then js takes control for them. Am I right?

It was, but I decided against using Aurelia and just use MVC for everything since that's what I'm most proficient in. So it's basically server-side with JS sugar on top...

Great. You could use your MVC routing and view system alongside with Vue.js by injecting js components wherever you need some automations. Only thing required is to create some API endpoints in order to place queries from your js components to your MVC backend (submitting forms etc). I normally use Vue.js or Angular.js to develop that kind of apps fast without having to reinvent the wheel here and there. I know you could also use React.js components but i am not that experienced with it. Vue.js also has a small learning curve compared with the others so you can start playing around even today. For styling your app fast and including nice widgets like modals, dropdowns, accordions etc Bootstrap of course is a super-cool option to create a solid, functional and good-looking UI.

Best JS framework is:

thinking,
vanilla JS/ES6 (Use rollup.js with npm-resolve and babel plugins)
and small libraries. (Use latest web standards and APIs, add polyfills when required)

You also:

will solve your problem "how to remove X feature from framework"
your app will be lighter, faster especially on mobiles and areas with slow Internet connection (Use also nginx, HTTPS and HTTP2 for better perfomance)
No "Gorilla and banana problem"
Everyone will be happy from developers to businessmans today and in next 10 years

I recommend to structure code using:

Object literals, no prototypes, "classes", "new"
Composition over inheritance (Object.assign(), Object.create() )

Thread

What JS-framework to use in cooperation with MVC (6)?

Responses(3)

Recent threads

Search Hashnode

What JS-framework to use in cooperation with MVC (6)?

Responses(3)

Recent threads