How to use @datorama/akita-ngdevtools - 4 common examples

import { GridComponent } from './dashboard/grid/grid.component';
import { FormComponent } from './dashboard/form/form.component';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    DashboardComponent,
    NavBarComponent,
    ChartComponent,
    GridComponent,
    FormComponent
  ],
  imports: [
    environment.production ? [] : AkitaNgDevtools.forRoot(),
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    ChartModule,
    TableModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { AkitaNgDevtools } from '@datorama/akita-ngdevtools';
import { NgxEditorjsDemoModule } from '@tinynodes/ngx-editorjs-demo';
import { ApplicationDataModule, NgxTinynodesCoreModule } from '@tinynodes/ngx-tinynodes-core';
import { environment } from '../environments/environment';
import { AppRoutingModule } from './app-routing.module';
import { NavBarComponent } from './components/nav-bar/nav-bar.component';
import { SidebarComponent } from './components/sidebar-component/sidebar.component';
import { AppContainerComponent } from './containers/app/app.component';
import { MaterialModule } from './material.module';
import { HomePageComponent } from './pages/home/home-page.component';

const PLATFORM_IMPORTS = [BrowserModule, HttpClientModule];

const PRESENTATION_IMPORTS = [LayoutModule, MaterialModule, FlexLayoutModule, BrowserAnimationsModule];

const DEV_IMPORTS = [AkitaNgDevtools.forRoot(), AkitaNgRouterStoreModule.forRoot()];

/**
 * The main `ngx-tinynodes` module that builds the core single page application.
 * To view the application visit [the demo](https://tinynodes-ngx.firebaseapp.com/)
 */
@NgModule({
  declarations: [AppContainerComponent, NavBarComponent, SidebarComponent, HomePageComponent],
  imports: [
    ...PLATFORM_IMPORTS,
    ...PRESENTATION_IMPORTS,
    ApplicationDataModule,
    AppRoutingModule,
    NgxTinynodesCoreModule,
    NgxEditorjsDemoModule,
    environment.production ? [] : DEV_IMPORTS
  ],

import { ProductsModule } from './products/products.module';
import { AuthModule } from './auth/auth.module';
import { ShellModule } from './shell/shell.module';
import { CartModule } from './cart/cart.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    BrowserAnimationsModule,
    ToastrModule.forRoot(),
    environment.production ? [] : AkitaNgDevtools.forRoot({ shallow: false, sortAlphabetically: true }),
    ProductsModule,
    CartModule,
    AuthModule,
    ShellModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

GetTokenContentPipe,
    StarredEntriesComponent,
    DownloadCLIClientComponent,
    MaintenanceComponent,
    FundingComponent,
    BannerComponent,
    ChangeUsernameComponent,
    YoutubeComponent,
    SitemapComponent,
    GithubCallbackComponent,
    ConfirmationDialogComponent,
    SessionExpiredComponent,
    TosBannerComponent
  ],
  imports: [
    environment.production ? [] : AkitaNgDevtools.forRoot(),
    FontAwesomeModule,
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    Ng2UiAuthModule.forRoot(AuthConfig),
    HeaderModule,
    ListContainersModule,
    ListWorkflowsModule,
    BsDropdownModule.forRoot(),
    AccordionModule.forRoot(),
    TabsModule.forRoot(),
    TooltipModule.forRoot(),
    ClipboardModule,
    OrderByModule,
    FlexLayoutModule,
    StarringModule,