Setting up flow

Author: Vis Viva

.babelrc

@@ -1,7 +1,8 @@
 {
  "plugins": [
  "transform-class-properties",
- "transform-runtime"
+ "transform-runtime",
+ "transform-flow-comments"
  ],
  "presets": [
  ["es2015", { "modules": false }],

.flowconfig

@@ -0,0 +1,7 @@
+[ignore]
+
+[include]
+
+[libs]
+
+[options]

package.json

@@ -39,6 +39,7 @@
  "extract-text-webpack-plugin": "^2.0.0-rc.2",
  "fetch-mock": "^5.9.3",
  "file-loader": "0.8.5",
+ "flow-babel-webpack-plugin": "^1.0.1",
  "html-webpack-plugin": "^2.24.1",
  "http-server": "^0.9.0",
  "isomorphic-fetch": "^2.2.1",

src/actions/todos.actions.js

@@ -1,32 +1,42 @@
+/* @flow */
+
+/**
+ * Types
+ */
+
+import type {
+ Todo
+} from "../types";
+
 /**
  * Actions
  */
 
-export const ADD_TODO = 'ADD_TODO';
-export function addTodo(todo) {
+export const ADD_TODO: string = 'ADD_TODO';
+export function addTodo(todo: Todo) {
  return {
  type: ADD_TODO,
  payload: todo
  };
 }
 
-export const ADD_EPIC_TODO = 'ADD_EPIC_TODO';
-export function addEpicTodo(todo) {
+export const ADD_EPIC_TODO: string = 'ADD_EPIC_TODO';
+export function addEpicTodo(todo: Todo) {
  return {
  type: ADD_EPIC_TODO,
  payload: todo
  };
 }
 
-export const ADD_EPIC_HTTP_TODO = 'ADD_EPIC_HTTP_TODO';
+export const ADD_EPIC_HTTP_TODO: string = 'ADD_EPIC_HTTP_TODO';
 export function addEpicHttpTodo() {
  return {
  type: ADD_EPIC_HTTP_TODO
  };
 }
 
-export const DELETE_TODO = 'DELETE_TODO';
-export function deleteTodo(id) {
+export const DELETE_TODO: string = 'DELETE_TODO';
+export function deleteTodo(id: number) {
  return {
  type: DELETE_TODO,
  payload: id

src/types/index.js

@@ -0,0 +1,6 @@
+/* @flow */
+
+export type Todo = {
+ id: string,
+ text: string
+}

src/types/todo.type.js

@@ -0,0 +1,7 @@
+/* @flow */
+
+
+export type Todo = {
+ id: string,
+ text: string
+}

webpack.config.js

@@ -7,6 +7,7 @@ const webpack = require('webpack');
 const DashboardPlugin = require('webpack-dashboard/plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const FlowBabelWebpackPlugin = require('flow-babel-webpack-plugin');
 const autoprefixer = require('autoprefixer');
 
 /**
@@ -59,7 +60,8 @@ const plugins = [
  ],
  context: constants.SOURCE_PATH
  }
- })
+ }),
+ new FlowBabelWebpackPlugin()
 ];
 
 /**

webpack.test.config.js

@@ -1,9 +1,18 @@
+/**
+ * Libraries
+ */
+
+const FlowBabelWebpackPlugin = require('flow-babel-webpack-plugin');
+
 /**
  * Exporting configuration
  */
 
 module.exports = {
  devtool: 'source-map',
+ plugins: [
+ new FlowBabelWebpackPlugin(),
+ ],
  module: {
  rules: [{
  test: /\.(js|jsx)$/,