React & Modern Frontend (445 Qs)•Part 8: Advanced React Patterns, Portals & Performance (152 - 261)
What is dynamic import?
You can achieve code-splitting in your app using dynamic import.
Let's take an example of addition,
- Normal Import
javascript
import { add } from "./math";
console.log(add(10, 20));
- Dynamic Import
javascript
import("./math").then((math) => {
console.log(math.add(10, 20));
});