winniengo / chatgrid_challenge

Simple React/Redux drag and drop index

React/Redux Drag and Drop Dialog Index | Live

Sample Redux Store State:

{
  dialogs: {
    index: [
      'what are you interested in?',
      'thanks for visiting us!',
      'how can we help you?'
    ],
    modal: {
      formInput: 'thanks for visiting us!',
      formType: 'edit',
      handleSubmit: /*...*/,
      isOpen: true
    }
  },
}

React Components

App
  DialogIndexContainer
    Index
      IndexItem
        Item
  DialogModalContainer
    ModalForm
      Form

Notable Packages Used

• react-dnd
• react-dnd-html5-backend
• react-modal