Question

What is dynamic import in ReactJS, explain with Example?

Answer 1

You can achieve code-splitting in your app using dynamic import.

Let's take an example of addition,

1. Normal Import

import { add } from "./math";
console.log(add(10, 20));

2. Dynamic Import

import("./math").then((math) => {
  console.log(math.add(10, 20));
});