Best way to use Jquery on Lighting Web components

Question

I want to build a lightning web component which involves the use of jquery and bootstrap. The Lighting Web Component involves multiple child components. I was going through the salesforce document on how to load the external library on LWC. The document states that we need to upload the file in static resource and then use renderedCallback to load the files on the component.

My question is: Do I need to do all this to import the jquery and bootstrap on all the components(parent and child).

Answer 1

Firstly, if you are absolutely sure that you cannot get the needed functionality using standard Javascript and SLDS classes, only then you should go for Using Third-Party JavaScript Libraries.

Option 1: You should use import statements in every component that need to use this library.

Option 2: You use import these libraries in base class and extend that class in every component that needs these libraries.

import MyBase from 'c/myBase';

export default class MyComp extends MyBase {
    ...
}