Which is the correct way to dynamically import a component named Dashboard using React.lazy in a Remix app?

easy📝 Syntax Q3 of 15

Remix - Performance

Which is the correct way to dynamically import a component named Dashboard using React.lazy in a Remix app?

Aconst Dashboard = React.lazy(import('./Dashboard'));

Bconst Dashboard = React.lazy(() => import('./Dashboard'));

Cconst Dashboard = React.lazy(() => require('./Dashboard'));

Dconst Dashboard = React.lazy(() => import('./Dashboard').default);

Step-by-Step Solution

Solution:

Step 1: Syntax of React.lazy
React.lazy expects a function returning a dynamic import promise.
Step 2: Correct usage
Use arrow function: React.lazy(() => import('./Dashboard'))
Final Answer:
const Dashboard = React.lazy(() => import('./Dashboard')); -> Option B
Quick Check:
React.lazy requires a function returning import [OK]

Quick Trick: React.lazy needs a function returning import() [OK]

Common Mistakes:

MISTAKES

Master "Performance" in Remix

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Remix Quizzes