thunk

src/__data__/selectors/index.ts

@@ -0,0 +1 @@
+export * as userSelectors from './users'

src/__data__/selectors/rootSelector.ts

@@ -0,0 +1,8 @@
+import { createSelector } from '@reduxjs/toolkit'
+
+import { StoreType } from '../store'
+
+export const rootSelector = createSelector(
+  (state: StoreType) => state,
+  (state: StoreType) => state
+)

src/__data__/selectors/users.ts

@@ -0,0 +1,12 @@
+import { createSelector } from '@reduxjs/toolkit'
+
+import { StoreType } from '../store'
+import { Statuses } from '../reducers/users'
+
+import { rootSelector } from './rootSelector'
+
+const usersRootSelector = createSelector(rootSelector, (state: StoreType) => state.user)
+
+export const isLoading = createSelector(usersRootSelector, (state) => state.status === Statuses.FETCHING)
+export const data = createSelector(usersRootSelector, (state) => state.data)
+export const error = createSelector(usersRootSelector, (state) => state.error)