update README.md

README.md

@@ -12,19 +12,26 @@
 
 #### [GlobalStores](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/GlobalStore.ts)
 
-- **[AuthGlobalStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/auth/AuthGlobalStore.ts)**: A fake auth store to keep track of a user loaded from [randomuser.me](https://randomuser.me/)
-- **[ToastGlobalStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/toast/ToastGlobalStore.ts)**: A store that uses [notistack](https://iamhosseindhv.com/notistack) to create a notification (toast) system
+- **[AuthGlobalStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/auth/AuthGlobalStore.ts)**:
+  - Factory function that uses `observable`.
+  - A fake auth store to keep track of a user loaded from [randomuser.me](https://randomuser.me/)
+- **[ToastGlobalStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/toast/ToastGlobalStore.ts)**:
+  - Factory function that uses `observable`.
+  - A store that uses [notistack](https://iamhosseindhv.com/notistack) to create a notification (toast) system
 
 #### Local Stores
 
 - **[IndexPageStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/pages/index-page/IndexPage.store.ts)**:
+  - Factory function that uses `observable`.
   - Makes two requests in the browser to [api.tvmaze.com](https://api.tvmaze.com).
   - Show a loading indicator and allows the user to sort actors.
 - **[EpisodesPageStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/pages/episodes-page/EpisodesPage.store.ts)**:
+  - Factory function that uses `observable`.
   - Hydrated with data that was fetched server-side.
   - Allows the user to sort the data on the page that was previously server-side rendered.
   - Shows how use the [GlobalStores](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/GlobalStore.ts) ([getGlobalStore()](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/shared/global-store-provider/GlobalStoreProvider.tsx#L13)) within local stores.
 - **[AboutPageStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/pages/about-page/AboutPage.store.ts)**:
+  - ES6 Class that uses `makeAutoObservable` for comparison.
   - A simple store that makes a request to [httpstat.us](https://httpstat.us).
   - Shows how to handle api errors in the local store and on the page.
   - Shows how use the [GlobalStores](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/GlobalStore.ts) ([getGlobalStore()](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/shared/global-store-provider/GlobalStoreProvider.tsx#L13)) within local stores.
@@ -40,6 +47,7 @@ You could also fork my repo and create a PR to show me how you would improve som
 ### Help Wanted
 
 - How to resole some of the `[mobx]` warnings I am getting in the browser console.
+  - I think it has something to do with factory functions because I don't the warnings if I use ES6 Classes with `makeAutoObservable`
   - You need to run the code locally `npm run dev`
 - Validate I am following best practice with Mobx and factory functions.
 - Help me understand how to remove `runInAction` from [ToastGlobalStore](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/stores/toast/ToastGlobalStore.ts) and validate I set up [ToastNotifier](https://github.com/codeBelt/mobx-local-global-stores/blob/main/src/components/ui/toast-notifier/ToastNotifier.tsx) correctly.