add type definitions so that it will compile with noImplicitAny: true

Author: JLarky

react-with-type-safe-flux/src/components/App.tsx

@@ -5,8 +5,8 @@ import GreetingState from '../types/GreetingState';
 import WhoToGreet from './WhoToGreet';
 import Greeting from './Greeting';
 
-class App extends React.Component<any, GreetingState> {
-  constructor(props) {
+class App extends React.Component<{}, GreetingState> {
+  constructor(props: {}) {
     super(props);
     this.state = this._getStateFromStores();
   }

react-with-type-safe-flux/src/components/Greeting.tsx

@@ -7,7 +7,7 @@ interface Props {
 }
 
 class Greeting extends React.Component<Props, any> {
-  constructor(props) {
+  constructor(props: Props) {
     super(props);
   }
 
@@ -28,7 +28,7 @@ class Greeting extends React.Component<Props, any> {
     );
   }
 
-  _onClick = (event) => {
+  _onClick = (event: React.MouseEvent) => {
     GreetingActions.removeGreeting(this.props.targetOfGreeting);
   }
 }

react-with-type-safe-flux/src/components/WhoToGreet.tsx

@@ -6,7 +6,7 @@ interface Props {
 }
 
 class WhoToGreet extends React.Component<Props, any> {
-  constructor(props) {
+  constructor(props: Props) {
     super(props);
   }
 
@@ -35,12 +35,12 @@ class WhoToGreet extends React.Component<Props, any> {
     return !this.props.newGreeting;
   }
 
-  _handleNewGreetingChange = (event) => {
-    const { target: { value: newGreeting } } = event;
+  _handleNewGreetingChange = (event: React.FormEvent) => {
+    const newGreeting = (event.target as HTMLInputElement).value;
     GreetingActions.newGreetingChanged(newGreeting);
   }
 
-  _onSubmit = (event) => {
+  _onSubmit = (event: React.FormEvent) => {
     event.preventDefault();
 
     if (!this._preventSubmission) {

react-with-type-safe-flux/src/dispatcher/AppDispatcher.ts

@@ -1,5 +1,5 @@
 import { Dispatcher } from 'flux';
 
-const dispatcherInstance = new Dispatcher();
+const dispatcherInstance: Flux.Dispatcher<any> = new Dispatcher();
 
 export default dispatcherInstance;

react-with-type-safe-flux/src/stores/FluxStore.ts

@@ -2,19 +2,19 @@ import { EventEmitter } from 'events';
 
 const CHANGE_EVENT = 'change';
 
-class FluxStore<TState> {
+class FluxStore<PayloadType, TState> {
   _changed: boolean;
   _emitter: EventEmitter;
   dispatchToken: string;
-  _dispatcher: Flux.Dispatcher<any>;
+  _dispatcher: Flux.Dispatcher<PayloadType>;
   _cleanStateFn: () => TState;
   _state: TState;
 
-  constructor(dispatcher, cleanStateFn) {
+  constructor(dispatcher: Flux.Dispatcher<PayloadType>, cleanStateFn: () => TState) {
     this._emitter = new EventEmitter();
     this._changed = false;
     this._dispatcher = dispatcher;
-    this.dispatchToken = dispatcher.register(payload => {
+    this.dispatchToken = dispatcher.register((payload: PayloadType) => {
       this._invokeOnDispatch(payload);
     });
 
@@ -31,11 +31,11 @@ class FluxStore<TState> {
 
   hasChanged() { return this._changed; }
 
-  addChangeListener(callback) {
+  addChangeListener(callback: () => void) {
     this._emitter.on(CHANGE_EVENT, callback);
   }
 
-  removeChangeListener(callback) {
+  removeChangeListener(callback: () => void) {
     this._emitter.removeListener(CHANGE_EVENT, callback);
   }
 
@@ -44,15 +44,15 @@ class FluxStore<TState> {
     this._state = this._cleanStateFn();
   }
 
-  _invokeOnDispatch(payload) {
+  _invokeOnDispatch(payload: PayloadType) {
     this._changed = false;
     this._onDispatch(payload);
     if (this._changed) {
       this._emitter.emit(CHANGE_EVENT);
     }
   }
 
-  _onDispatch(payload) {
+  _onDispatch(payload: PayloadType) {
     if (process.env.NODE_ENV !== 'production') {
       console.error(`${this.constructor.name} has not overridden FluxStore.__onDispatch(), which is required`); // eslint-disable-line no-console
     }

react-with-type-safe-flux/src/stores/GreetingStore.ts

@@ -3,8 +3,8 @@ import GreetingActionTypes from '../constants/action-types/GreetingActionTypes';
 import AppDispatcher from '../dispatcher/AppDispatcher';
 import GreetingState from '../types/GreetingState';
 
-class GreeterStore extends FluxStore<GreetingState> {
-  constructor(dispatcher) {
+class GreeterStore<TPayload> extends FluxStore<TPayload, GreetingState> {
+  constructor(dispatcher: Flux.Dispatcher<TPayload>) {
     super(dispatcher, () => ({
       greetings: [],
       newGreeting: ''
@@ -15,7 +15,7 @@ class GreeterStore extends FluxStore<GreetingState> {
     return this._state
   }
 
-  _onDispatch(action) {
+  _onDispatch(action: any) {
     switch(action.type) {
       case GreetingActionTypes.ADD_GREETING:
         this._state.newGreeting = '';

react-with-type-safe-flux/src/tsconfig.json

@@ -9,7 +9,7 @@
     "compilerOptions": {
         "jsx": "preserve",
         "target": "es6",
-        "noImplicitAny": false,
+        "noImplicitAny": true,
         "removeComments": false,
         "preserveConstEnums": true,
         "sourceMap": true