title: ngrx StoreModule.forRoot Naming convention
body: <p>So inside my Angular Application in app.module.ts I have the following:</p>
  <pre><code>StoreModule.forRoot({
    applicationState: applicationReducer,
  }),
  </code></pre>
  <p>and in my app.reducer.ts File there is this:</p>
  <pre><code>export const initialState: AppState = {
    page: {
      items: [],
      data: {
        prop1: 0,
        prop2: 0,
        ...
      }
    },
    more: &quot;&quot;
  }
  
  export const moviesReducer = createReducer(
    initialState,
    on(...),
    on(...)
  );
  </code></pre>
  <p>Now I cannot acces the data in my AppState correctly if I do it like above.
  Only If I change the forRoot() like so:</p>
  <pre><code>StoreModule.forRoot({
    page: applicationReducer,
  }),
  </code></pre>
  <p>it works.</p>
  <p>can a State only have one single element in it, or do i have to have different reducers for different properties, or what am I missing here?</p>
  <p>In the reducer, I would want to access the whole state with &quot;page&quot;, and all its subbarts, aswell as &quot;more&quot;... as one Object.</p>
  <p>How can I do this? I dont understand why the the naming in forRoot must be the same as the property inside the appState, and if it has to be, how can I access the whole state, and how do we handle nested Objects?</p>
  <p>I think I am missing something quite easy here...
  Thanks in advance.</p>