React Performance Optimization: Code Splitting

Static imports are faster to execute than dynamic imports
Static imports are loaded at compile time, dynamic imports can be loaded at runtime
The key difference is that static imports (using the import statement) are loaded and evaluated at compile time and are always included in the initial bundle, while dynamic imports (using the import() function) can be loaded at runtime when needed. With dynamic imports, the imported code is split into a separate chunk that's only fetched when the import() function is called. This on-demand loading capability is what enables effective code splitting in modern JavaScript applications.
Static imports are only available in TypeScript
Dynamic imports don't support named exports