updated examples

Author: piotrwitek

examples/package.json

@@ -5,10 +5,12 @@
   "repository": "https://github.com/piotrwitek/react-redux-typescript-guide.git",
   "license": "MIT",
   "scripts": {
-    "rei": "rm -rf node_modules && yarn install",
-    "clear": "rm -rf out",
-    "build": "npm run clear && tsc -p ./",
-    "check": "npm run tsc & npm run lint",
+    "prereinstall": "rm -rf node_modules",
+    "reinstall": "yarn install",
+    "prebuild": "rm -rf out",
+    "build": "tsc -p ./",
+    "pretest": "npm run tsc & npm run lint",
+    "test": "echo \"Don't worry about tests yet!\"",
     "tsc": "tsc -p ./ --noEmit",
     "lint": "tslint -p ./"
   },

examples/src/components/class-component.tsx

@@ -47,5 +47,3 @@ export class ClassComponent extends React.Component<ClassComponentProps, State>
     );
   }
 }
-
-export default ClassComponent;

examples/src/components/stateless-component.tsx

@@ -24,5 +24,3 @@ export const StatelessComponent: React.StatelessComponent<StatelessComponentProp
     </div>
   );
 };
-
-export default StatelessComponent;

examples/src/modules/converter/actions.ts

@@ -0,0 +1,13 @@
+// Action Types - could be kept in separate file...
+export const INCREASE_COUNTER = 'INCREASE_COUNTER';
+export const CHANGE_BASE_CURRENCY = 'CHANGE_BASE_CURRENCY';
+
+// Action Creators
+export default {
+  increaseCounter: () => ({
+    type: INCREASE_COUNTER as typeof INCREASE_COUNTER,
+  }),
+  changeBaseCurrency: (payload: string) => ({
+    type: CHANGE_BASE_CURRENCY as typeof CHANGE_BASE_CURRENCY, payload,
+  }),
+};

examples/src/modules/converter/index.ts

@@ -1,41 +1,3 @@
-import { RootAction } from '../../types';
-
-// Action Types
-export const INCREASE_COUNTER = 'INCREASE_COUNTER';
-export const CHANGE_BASE_CURRENCY = 'CHANGE_BASE_CURRENCY';
-
-// Action Creators
-export const actionCreators = {
-  increaseCounter: () => ({
-    type: INCREASE_COUNTER as typeof INCREASE_COUNTER,
-  }),
-  changeBaseCurrency: (payload: string) => ({
-    type: CHANGE_BASE_CURRENCY as typeof CHANGE_BASE_CURRENCY, payload,
-  }),
-};
-
-// State
-export type State = {
-  readonly counter: number,
-  readonly baseCurrency: string,
-};
-export const initialState: State = {
-  counter: 0,
-  baseCurrency: 'EUR',
-};
-
-// Reducer
-export function reducer(state: State = initialState, action: RootAction): State {
-  switch (action.type) {
-    case INCREASE_COUNTER:
-      return {
-        ...state, counter: state.counter + 1, // no payload
-      };
-    case CHANGE_BASE_CURRENCY:
-      return {
-        ...state, baseCurrency: action.payload, // payload: string
-      };
-
-    default: return state;
-  }
-}
+// public API
+export { default as actionCreators } from './actions';
+export { default as reducer } from './reducer';

examples/src/modules/converter/reducer.ts

@@ -0,0 +1,31 @@
+import { RootAction } from '../../types';
+import {
+  INCREASE_COUNTER,
+  CHANGE_BASE_CURRENCY,
+} from './actions';
+
+// State
+export type State = {
+  readonly counter: number,
+  readonly baseCurrency: string,
+};
+export const initialState: State = {
+  counter: 0,
+  baseCurrency: 'EUR',
+};
+
+// Reducer
+export default function reducer(state: State = initialState, action: RootAction): State {
+  switch (action.type) {
+    case INCREASE_COUNTER:
+      return {
+        ...state, counter: state.counter + 1, // no payload
+      };
+    case CHANGE_BASE_CURRENCY:
+      return {
+        ...state, baseCurrency: action.payload, // payload: string
+      };
+
+    default: return state;
+  }
+}

examples/src/types/globals.d.ts

@@ -0,0 +1,13 @@
+declare interface Window {
+  __REDUX_DEVTOOLS_EXTENSION__: any;
+  __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any;
+}
+
+declare interface NodeModule {
+  hot?: { accept: (path: string, callback: () => void) => void };
+}
+
+declare interface System {
+  import<T = any>(module: string): Promise<T>
+}
+declare var System: System;

examples/src/types/index.ts

@@ -1,2 +1,3 @@
 export * from './root-action';
 export * from './root-state';
+export * from './store';

examples/src/types/root-action.ts

@@ -1,12 +1,10 @@
 import { returntypeof } from 'react-redux-typescript';
-import { Dispatch } from 'redux';
 
 import { actionCreators as converterActionCreators } from '../modules/converter';
 
+// merging actions returned from all action creators
 const actions = Object.values({
   ...converterActionCreators,
 }).map(returntypeof);
 
 export type RootAction = typeof actions[number];
-
-export type Dispatch = Dispatch<RootAction>;

examples/src/types/root-state.ts

@@ -1,4 +1,4 @@
-import { State as ConverterState } from '../modules/converter';
+import { State as ConverterState } from '../modules/converter/reducer';
 
 export type RootState = {
   converter: ConverterState;