🎯

bundle-dynamic-imports

🎯Skill

from theorcdev/8bitcn-ui

What it does

bundle-dynamic-imports skill from theorcdev/8bitcn-ui

📦

Part of

theorcdev/8bitcn-ui(23 items)

bundle-dynamic-imports

Installation

📋 No install commands found in docs. Showing default command. Check GitHub for actual instructions.

Quick InstallInstall with npx

npx skills add theorcdev/8bitcn-ui --skill bundle-dynamic-imports

Need more details? View full documentation on GitHub →

12Installs

1,576

Last UpdatedJan 22, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Use next/dynamic for lazy-loading heavy components. Apply when importing large components like editors, charts, or rich text editors that aren't needed on initial render.

Dynamic Imports for Heavy Components

Use next/dynamic to lazy-load large components not needed on initial render.

Incorrect (Monaco bundles with main chunk ~300KB):

```tsx

import { MonacoEditor } from './monaco-editor'

function CodePanel({ code }: { code: string }) {

return

}

```

Correct (Monaco loads on demand):

```tsx

import dynamic from 'next/dynamic'

const MonacoEditor = dynamic(

() => import('./monaco-editor').then(m => m.MonacoEditor),

{ ssr: false }

)

function CodePanel({ code }: { code: string }) {

return

}

```

More from this repository10

🎯

fumadocs-mdx-structure🎯Skill

fumadocs-mdx-structure skill from theorcdev/8bitcn-ui

🎯

rendering-animate-svg🎯Skill

rendering-animate-svg skill from theorcdev/8bitcn-ui

🎯

fumadocs-registry-integration🎯Skill

fumadocs-registry-integration skill from theorcdev/8bitcn-ui

🎯

8-bit-pixel-art-patterns🎯Skill

8-bit-pixel-art-patterns skill from theorcdev/8bitcn-ui

🎯

fumadocs-component-docs🎯Skill

fumadocs-component-docs skill from theorcdev/8bitcn-ui

🎯

animation-performance-retro🎯Skill

animation-performance-retro skill from theorcdev/8bitcn-ui

🎯

bundle-barrel-imports🎯Skill

bundle-barrel-imports skill from theorcdev/8bitcn-ui

🎯

retro-css-architecture🎯Skill

retro-css-architecture skill from theorcdev/8bitcn-ui

🎯

8bit-docs-patterns🎯Skill

Generates retro-styled, gaming-themed documentation with 8-bit terminology, realistic game data examples, and pixel font styling for UI components.

🎯

gaming-ui-state-management🎯Skill

gaming-ui-state-management skill from theorcdev/8bitcn-ui