Code Splitting in React — All You Need to Know

Code splitting allows you to strategically omit certain dependencies from bundles, then insert them only where they are needed. The dynamic import syntax works for both static site generation and server-side rendering. Code splitting can be a bit tricky, so choose places that will split bundles evenly but won’t disrupt the user experience.