When using Angular or React, it's widely known that you shouldn't be using jQuery (or at least, should be using it careful only if you know what you're doing) because jQuery is a DOM toolkit and React/Angular have their own way of working with the DOM under the hood, and they will interfere and become buggy.
However, jQuery for me is more than just DOM manipulation. There's a huge ecosystem of libraries, Datatables, notifications/popups, carousel plugins, calendar pickers, so for me the real value of jQuery comes from being able to use all these prefabricated libraries rather than simply DOM manipulation.
In order to be able to use jQuery based libraries with Angular or React, usually a port/wrapper library is needed, that's why we have things like ng-bootstrap
or Reactstrap
to be able to use Bootstrap with Angular and React respectively, but usually these wrappers either are bugged, new software (=bugged), immature, or lack some functionalities (=don't wrap everything).
I'm trying to find a framework where you can naturally include jQuery (and also Bootstrap, since the JS file is based on jQuery) and its libraries without interfering with the natural flow of the framework. I'm pretty sure a framework like this would be less "magical" or less "automatic" (such as the automatic rendering and DOM updating of React) but I don't care if I have to render templates manually.
I heard Backbone can work pretty well with jQuery, but I haven't really tried Backbone so much, so I don't know. If you agree with this, can you also explain why Backbone works well with jQuery and has a better integration with it than Angular or React?
If you have a framework in mind, if you can please also try to include examples (explained verbally or with code, I don't mind) of success cases you've had using the framework plus a jQuery library.