Static Import The keyword allows us to import code that has been exported by another module. By default, all modules we're statically importing get added to the initial bundle. A module that is imported by using the default ES2015 import syntax, , is statically imported. Let's look at an example! A simple chat app contains a component, in which we're statically importing and rendering three components: , a , and a to type and send messages! Within the module, we're statically importing an component to be able to show the user the emoji picker when the user toggles the emoji. When to Use - Use…