Frameworks/libraries between jQuery and React/Vue.js/Angular?


#1

I’m currently working at a job where we build web sites server-side using Java/Spark framework.

I would love to work with a JS library that doesn’t need to be ran from the CLI/compiled, yet has some of the features of React and jQuery.

I would love to use a JS library that is drop-in like jQuery, yet has routing, templating, data binding, etc (like React/Vue.js).

I would also like IE compatibility … Say, IE10+.

How are other integrating a contemporary JS framework/library (other than jQuery) within a more traditional, non-SPA, back-end-built website?

What strategies have you developed/created to help stay on top of the trends, yet keep the more traditional back-end-built website workflow?

It’s interesting to watch the world of JS/web evolve coming from the era of jQuery, progressive enhancement and graceful degradation … React/Angular/Vue.js,ES2015+ are pretty awesome/cool/useful, but it seems like things have gotten more complicated … Additionally, not everything I do requires SPA or complicated tooling.

I’ve always said, “things are already complicated, there’s no reason to make it more complicated if you don’t have to”.

What libraries/frameworks are out there that keep things more simple? Like, jQuery has been nice in terms of drop-in use and plugins. For better or worse, this type of development has changed (not to state obvious).

Just curious how others have adapted to the latest trends? What advice can you give?


#2

You should think about why you want to adapt, and what benefits you get from doing so. For the most part internet protocols are similar to how they were back in the day - it’s still perfectly viable to build sites with just jQuery.

These frameworks have definitely introduced complexity, but it’s relative. If what you’re building isn’t complex then these tools are way overkill - you have to set up a proper dev environment, tooling, and then you have to learn the thing. But if what you’re making is complex (and to be fair you are asking about routing, templating, and data-binding) then these tools really abstract a lot of complexity away.

I’m not familiar enough with React, but Vue (and supporting libraries) can be used as a drop-ins with either:

<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

or

<!-- production version, optimized for size and speed -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

#3

Thank you for the reply @labofoz, I really appreciate it! Excellent advice!

I will take a close look at vue.js.

Again, I appreciate you taking the time to respond. Sorry for my late reply.