Dynamic Import In a chat application, we have four key components: , , and . However, only three of these components are used instantly on the initial page load: , and . The isn't directly visible, and may not even be rendered at all if the user won't even click on the in order to toggle the . This would mean that we unnecessarily added the module to our initial bundle, which potentially increased the loading time! In order to solve this, we can dynamically import the component. Instead of statically importing it, we'll only import it when we want to show the . An easy way to dynamically impo…