CSS/JS external resources loaded before the assets

[T4rk1n]

Ensure CSS/JS external resources are loaded before the assets, Fix #331.

[rmarren1]

Looks good! 💃

[eddy-ojb]

Is this feature optionally enforced?

I am looking to apply Bootstrap popovers in order to provide descriptions to new users on a per graph basis since some of my users may be new to some graph types. In order to use a popover on a regular html page, a bit of jquery os required after the document is ready as described here:

https://getbootstrap.com/docs/4.0/components/popovers/

Before I go down this road, does this conflict with loading the js before the assets? would you expect this to be feasible in Dash? I see the html components facilitate this, so i dont see why not..

[rmarren1]

@eddy-ojb I've attempted to use JQuery before and it did not work too well. Dash is built on react, and mixing react and jQuery gets tricky at times. Best bet is probably to use React to do popovers (e.g. make a custom component library). I think the easiest route would be to build on the dash-core-components Graph component and add popover functionality.

Some links:
'Official' info on using JQuery with react - https://reactjs.org/docs/integrating-with-other-libraries.html
Reasons to not use JQuery and just use react - https://discuss.reactjs.org/t/jquery-with-react/683
React-Strap -- boostrap-like components in React - https://reactstrap.github.io/components/popovers/

[eddy-ojb]

Thanks for the tip @rmarren1. Rather than waste my time with jquery I will explore making my own component. I am a javascript noob and so I expect this to take a while but will share afterwards.