Restrict Jquery and jQuery UI to my Embedded React App

Question

Is there a way to include jQuery and jQuery UI in my react app that is embedded in 3rd party websites without polluting the unsuspecting host site with those libraries?

Update. Comments asked for reasons.

I need Draggable, resizeable, Rotatable features. There is a react-resizable-rotatable-draggable library, which is no longer supported and seems hard to style. I'm converting an existing app that uses Jquery UI so exploring that option makes sense.

No. See the many questions pertaining to loading multiple versions of jQuery. — isherwood
– isherwood, Commented Feb 22, 2021 at 16:41
You might ask yourself why you're using either library. jQueryUI has been out of development for half a decade, having been replaced by many more modern tools, and jQuery itself just isn't very relevant or necessary anymore. — isherwood
– isherwood, Commented Feb 22, 2021 at 16:43
Because I need draggable, rotateable, resizeable and the react module for that seems abandoned. Also, i'm converting an app that used jquery ui, so its my first stop. — Will
– Will, Commented Feb 22, 2021 at 17:31

Codebling · Accepted Answer · 2021-02-22 18:29:41Z

1

If you use a bundler like Webpack or Parcel to package your code, there should be no issues in terms of "polluting" the global namespace or causing version conflicts with jQuery.

The bundlers provide tree-shaking, which should reduce the amount of jQuery code that is added, though how much unused code would be eliminated is anyone's guess, and depends on your usage.

answered Feb 22, 2021 at 18:29

Codebling

11.5k3 gold badges45 silver badges71 bronze badges

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

10 Comments

Will Over a year ago

Great! i'm using webpack as it comes with github.com/facebook/create-react-app

Codebling Over a year ago

@Will great, you should be all set, then!

Will Over a year ago

thanks, but I have follow up question? stackoverflow.com/questions/66338190/…

Codebling Over a year ago

@Will looks like you figured it out already!

Will Over a year ago

Unfortunatly, it seems like our code is polluting the site version of jQuery. Results in errors like TypeError: $(...).imagesLoaded is not a function. Any ideas why or how to debug? @Codebling ?

|

Collectives™ on Stack Overflow

Restrict Jquery and jQuery UI to my Embedded React App

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related