Update README.md

Author: piotrwitek

README.md

@@ -19,8 +19,8 @@ Set of guidelines and patterns teaching how to fully leverage TypeScript feature
   - [Actions](#actions)
   - [Reducers](#reducers)
   - [Async Flow](#async-flow)
+  - [Reselect Selectors](#reselect-selectors)
   - [Store & RootState](#store--rootstate)
-  - [Types Selectors](#typed-selectors)
 - [Common](#common)
   - [Vendor Types Augumentation](#vendor-types-augmentation)
 - [FAQ](#faq)
@@ -33,6 +33,8 @@ Set of guidelines and patterns teaching how to fully leverage TypeScript feature
 - Don't use constructor - use Property Initializers
 - Don't use instance methods and bind - use Class Fields with arrow functions
 
+---
+
 ## Class Component
 - class component boilerplate
 ```tsx
@@ -84,8 +86,11 @@ class MyComponent extends React.Component<Props, State> {
 };
 
 export default MyComponent;
+
 ```
 
+---
+
 ## Stateless Component
 - stateless component boilerplate
 ```tsx
@@ -109,8 +114,11 @@ const MyComponent: React.StatelessComponent<Props> = (props) => {
 };
 
 export default MyComponent;
+
 ```
 
+---
+
 ## Higher-Order Component
 - decorate or wraps a component into another component
 - using Type Inference to automatically calculate Props interface for the resulting component
@@ -142,6 +150,7 @@ const ButtonControl: React.StatelessComponent<Props> = (props) => {
 };
 
 export default ButtonControl;
+
 ```
 
 ```tsx
@@ -193,8 +202,11 @@ const ButtonWithFormItem = withFormItemDecorator(Button);
   Next Step
 </ButtonWithFormItem>
 ...
+
 ```
 
+---
+
 ## Redux Connected Component
 - This solution uses type inference to get Props types from `mapStateToProps` function
 - Minimise manual effort to declare and maintain Props types injected from `connect` helper function
@@ -259,12 +271,16 @@ class CurrencyConverterContainer extends React.Component<Props, State> {
 }
 
 export default connect(mapStateToProps, dispatchToProps)(CurrencyConverterContainer);
+
 ```
 
+
 ---
 
 # Redux
 
+---
+
 ## Actions
 
 ### KISS Approach
@@ -311,6 +327,7 @@ export default function reducer(state: State = initialState, action: Action): St
       state.baseCurrency = action.payload // string
       break;
 ...
+
 ```
 
 ### DRY Approach
@@ -346,6 +363,7 @@ export default function reducer(state: State = initialState, action: Action): St
     state.baseCurrency = action.payload; // string
   }
 ...
+
 ```
 
 ---
@@ -383,6 +401,7 @@ export default function reducer(state: State = initialState, action: Action): St
     default: return state;
   }
 }
+
 ```
 
 ### If Approach
@@ -412,6 +431,7 @@ export default function reducer(state: State = initialState, action: Action): St
 
   return partialState != null ? { ...state, ...partialState } : state;
 }
+
 ```
 
 ---
@@ -425,6 +445,15 @@ export default function reducer(state: State = initialState, action: Action): St
 
 ---
 
+## Reselect Selectors
+- WIP
+
+```ts
+
+```
+
+---
+
 ## Store & RootState
 
 `RootState` - to be imported in connected components providing type safety to Redux `connect` function
@@ -440,6 +469,7 @@ export type RootState = {
   currencyRates: CurrencyRatesState;
   currencyConverter: CurrencyConverterState;
 };
+
 ```
 
 Use `RootState` in `combineReducers` function and as rehydrated State object type guard to obtain strongly typed Store instance
@@ -458,12 +488,8 @@ export const store = createStore(
   rootReducer,
   recoverState(),
 );
-```
-
----
 
-## Typed Selectors
-- WIP
+```
 
 ---
 
@@ -484,6 +510,7 @@ declare module '../node_modules/antd/lib/button/Button' {
     autoFocus?: boolean;
   }
 }
+
 ```
 
 ---
@@ -517,6 +544,7 @@ import { Select } from '../components';
 or
 import Select from '../components/select';
 ...
+
 ```
 
 ---