[https://www.learnui.design/blog/spice-up-designs.html](https://www.learnui.design/blog/spice-up-designs.html) # Modules - For splitting files ## import `import defaultExport from "module-name";` `import { export1, export2 } from "module-name";` - Read-only live bindings - Exported from another module - Come in strict mode ### Dynamic Import - Conditionally or on demand `import('/modules/module.js')` `.then((module) => {` `// Do something` `});` `let module = await import('/modules/module.js');` ## Export - Stick in front of statements `export const name = 'square';` `export function …` `export { name, draw, reportArea, reportPerimeter };`