docs: add connect factory props example

README.md

@@ -111,6 +111,7 @@ I highly recommend to add a bounty to the issue that you're waiting for to incre
   - [Redux Connected Components](#redux-connected-components)
     - [- Redux connected counter](#--redux-connected-counter)
     - [- Redux connected counter with own props](#--redux-connected-counter-with-own-props)
+    - [- Redux connected counter with factory props](#--redux-connected-counter-with-factory-props)
     - [- Redux connected counter via hooks](#--redux-connected-counter-via-hooks)
     - [- Redux connected counter with `redux-thunk` integration](#--redux-connected-counter-with-redux-thunk-integration)
   - [Context](#context)
@@ -1063,6 +1064,84 @@ export default () => (
 
 [⇧ back to top](#table-of-contents)
 
+### - Redux connected counter with factory props
+
+```tsx
+import Types from 'MyTypes';
+import { connect, MapStateToPropsFactory } from 'react-redux';
+
+import { countersActions, countersSelectors } from '../features/counters';
+import { FCCounter } from '../components';
+
+type OwnProps = {
+  label: string;
+  initialCount?: number;
+};
+
+type StateProps = {
+  count: number;
+};
+
+const makeMapStateToProps: MapStateToPropsFactory<
+  StateProps,
+  OwnProps,
+  Types.RootState
+> = () => {
+  let previousCount: number | undefined;
+  let previousInitialCount: number | undefined;
+  let previousResult: StateProps | undefined;
+
+  return (state: Types.RootState, ownProps: OwnProps) => {
+    const count = countersSelectors.getReduxCounter(state.counters);
+    const initialCount = ownProps.initialCount || 0;
+
+    if (
+      previousResult &&
+      previousCount === count &&
+      previousInitialCount === initialCount
+    ) {
+      return previousResult;
+    }
+
+    previousCount = count;
+    previousInitialCount = initialCount;
+    previousResult = {
+      count: count + initialCount,
+    };
+
+    return previousResult;
+  };
+};
+
+const dispatchProps = {
+  onIncrement: countersActions.increment,
+};
+
+export const FCCounterConnectedFactory = connect(
+  makeMapStateToProps,
+  dispatchProps
+)(FCCounter);
+
+```
+<details><summary><i>Click to expand</i></summary><p>
+
+```tsx
+import * as React from 'react';
+
+import { FCCounterConnectedFactory } from './fc-counter-connected-factory';
+
+export default (
+  <div>
+    <FCCounterConnectedFactory label="Counter A" initialCount={10} />
+    <FCCounterConnectedFactory label="Counter B" initialCount={20} />
+  </div>
+);
+
+```
+</p></details>
+
+[⇧ back to top](#table-of-contents)
+
 ### - Redux connected counter via hooks
 
 ```tsx

README_SOURCE.md

@@ -111,6 +111,7 @@ I highly recommend to add a bounty to the issue that you're waiting for to incre
   - [Redux Connected Components](#redux-connected-components)
     - [- Redux connected counter](#--redux-connected-counter)
     - [- Redux connected counter with own props](#--redux-connected-counter-with-own-props)
+    - [- Redux connected counter with factory props](#--redux-connected-counter-with-factory-props)
     - [- Redux connected counter via hooks](#--redux-connected-counter-via-hooks)
     - [- Redux connected counter with `redux-thunk` integration](#--redux-connected-counter-with-redux-thunk-integration)
   - [Context](#context)
@@ -456,6 +457,13 @@ Adds error handling using componentDidCatch to any component
 
 [⇧ back to top](#table-of-contents)
 
+### - Redux connected counter with factory props
+
+::codeblock='playground/src/connected/fc-counter-connected-factory.tsx'::
+::expander='playground/src/connected/fc-counter-connected-factory.usage.tsx'::
+
+[⇧ back to top](#table-of-contents)
+
 ### - Redux connected counter via hooks
 
 ::codeblock='playground/src/hooks/react-redux-hooks.tsx'::

playground/src/connected/fc-counter-connected-factory.tsx

@@ -0,0 +1,54 @@
+import Types from 'MyTypes';
+import { connect, MapStateToPropsFactory } from 'react-redux';
+
+import { countersActions, countersSelectors } from '../features/counters';
+import { FCCounter } from '../components';
+
+type OwnProps = {
+  label: string;
+  initialCount?: number;
+};
+
+type StateProps = {
+  count: number;
+};
+
+const makeMapStateToProps: MapStateToPropsFactory<
+  StateProps,
+  OwnProps,
+  Types.RootState
+> = () => {
+  let previousCount: number | undefined;
+  let previousInitialCount: number | undefined;
+  let previousResult: StateProps | undefined;
+
+  return (state: Types.RootState, ownProps: OwnProps) => {
+    const count = countersSelectors.getReduxCounter(state.counters);
+    const initialCount = ownProps.initialCount || 0;
+
+    if (
+      previousResult &&
+      previousCount === count &&
+      previousInitialCount === initialCount
+    ) {
+      return previousResult;
+    }
+
+    previousCount = count;
+    previousInitialCount = initialCount;
+    previousResult = {
+      count: count + initialCount,
+    };
+
+    return previousResult;
+  };
+};
+
+const dispatchProps = {
+  onIncrement: countersActions.increment,
+};
+
+export const FCCounterConnectedFactory = connect(
+  makeMapStateToProps,
+  dispatchProps
+)(FCCounter);

playground/src/connected/fc-counter-connected-factory.usage.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+import { FCCounterConnectedFactory } from './fc-counter-connected-factory';
+
+export default (
+  <div>
+    <FCCounterConnectedFactory label="Counter A" initialCount={10} />
+    <FCCounterConnectedFactory label="Counter B" initialCount={20} />
+  </div>
+);

playground/src/connected/index.ts

@@ -1,3 +1,4 @@
 export * from './fc-counter-connected-bind-action-creators';
+export * from './fc-counter-connected-factory';
 export * from './fc-counter-connected-own-props';
 export * from './fc-counter-connected';