Keystone Js with React and Redux

Recipe.js

var keystone = require('keystone');
var Types = keystone.Field.Types;
var path = require('path');

// Create a new Keystone list called Recipe
var Recipe = new keystone.List('Recipe', {
  autokey: { path: 'slug', from: 'name', unique: true },
  defaultSort: '-createdAt',
});

// Adding the option to add an image to our Recipe from 
var recipeImgStorage = new keystone.Storage({
  adapter: keystone.Storage.Adapters.FS,
  fs: {
     // required; path where the files should be stored
    path: keystone.expandPath('server/public/img'),
    generateFilename: function (file, index) {
      return file.originalname;
    },
    whenExists: 'error',
     // path where files will be served
    publicPath: '/public/img',
  },
});

// Finally we are gonna add the fields for our Recipe
Recipe.add({
  name: { 
    type: String, 
    required: true },
  state: { 
    type: Types.Select, 
    options: 'draft, published, archived', 
    default: 'draft' },
  author: { 
    type: Types.Relationship, 
    ref: 'User' 
  },
  createdAt: { 
    type: Date, 
    default: Date.now },
  publishedAt: Date,
  image: {
    type: Types.File,
    storage: recipeImgStorage,
    mimetype: '.jpeg, .jpg, .gif, .svg',
  },
  ingredientList: { 
    type: Types.Html, 
    wysiwyg: true, 
    height: 150 
  },
  cookingInstructions: {
    type: Types.Html,
    wysiwyg: true,
    height: 500
  }
});

// Setting the default order of the columns on the admin tab
Recipe.defaultColumns = 'name, state|20%, author, publishedAt|15%';
Recipe.register();