Replaying events with preboot
In the Integrating Angular Universal section, we saw that an SSR application does not respond to user events other than navigations with the routerLink directive until it is entirely bootstrapped. We will now learn how to queue and replay those events when the application has been fully loaded using the preboot library. Let's see how to use it:
- Execute the following npm command to install the library:
npm install preboot- Open the
app.module.tsfile and importPrebootModulefrom theprebootnpm package:
import { PrebootModule } from 'preboot';- Add the
PrebootModuleclass to theimportsarray of the@NgModuledecorator:
@NgModule({
declarations: [
AppComponent,
PersonalInfoComponent,
PanelComponent,
RepositoriesComponent,
OrganizationsComponent
],
imports: [
BrowserModule.withServerTransition({ appId:
'serverApp' }),
HttpClientModule,
TransferHttpCacheModule,
PrebootModule.withConfig...