Importing material ui components

Question

The code is as follows

import TableRow from "@mui/material/TableRow";

vs

import { TableRow } from "@mui/material";

Which one is better? Will there be any performance difference?

Is all about named import and default import. You can see the comparison between them from here https://stackoverflow.com/q/46913851/11399221 — Arman, Mar 13 '23 at 11:47
Does [this](https://stackoverflow.com/a/41768270/12572405) solve your problem? — Fateme Ghalandari, Mar 13 '23 at 11:55

score 0 · Answer 1 · answered Mar 13 '23 at 11:49

The difference between these import statements is purely syntactical, when a module is imported, the entire module is loaded into memory, regardless of whether it has a default export or named exports. So, both import TableRow from "@mui/material/TableRow" and import { TableRow } from "@mui/material" would load the same module into memory., The choice between them depends on whether you want to import the default export of a module or a specific named export, the second one is more useful if you are importing more than one module.

Importing material ui components

1 Answers1