Why is it not ideal to import react-bootstrap using destructuring

Question

The documentation page suggests to only import the components needed. There are 2 examples given here https://react-bootstrap.netlify.com/getting-started/introduction#importing :

import Button from 'react-bootstrap/lib/Button';

// or less ideally
import { Button } from 'react-bootstrap';

What makes the 2nd method 'less ideal'?

Answer 1

In the first case you are only importing the code for that particular component.

In the second case you are importing the whole library and inserting only a particular component into the current scope.