efalayi

const autoprefixer = require('autoprefixer');
const webpack = require('webpack');
const path = require('path');
const precss = require('precss');

const TransferWebpackPlugin = require('transfer-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  mode: 'development',

efalayi

entry: [
  'webpack/hot/only-dev-server',
  'font-awesome/scss/font-awesome.scss',
  './client/app.jsx'
]

efalayi

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery',
  'window.jQuery': 'jquery',
  Alert: 'exports-loader?Alert!bootstrap/js/dist/alert',
  Button: 'exports-loader?Button!bootstrap/js/dist/button',
  Carousel: 'exports-loader?Carousel!bootstrap/js/dist/carousel',
  Collapse: 'exports-loader?Collapse!bootstrap/js/dist/collapse',
  Dropdown: 'exports-loader?Dropdown!bootstrap/js/dist/dropdown',
  Modal: 'exports-loader?Modal!bootstrap/js/dist/modal',

efalayi

const webpack = require('webpack');
const path = require('path');
const TransferWebpackPlugin = require('transfer-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  mode: 'development',
  devtool: 'eval',
  entry: [
    'webpack/hot/only-dev-server',

efalayi

redux-cra
  ├── node_modules
  ├── public
  │   └── favicon.ico
  │   └── index.html
  │   └── manifest.json
  ├──  src
  │    └── App.css
  │    └── App.js
  │    └── App.test.js

efalayi

import React, { Component } from 'react';
import { connect } from 'react-redux';

import logo from './logo.svg';
import ModalRoot from './ModalRoot';

import './dist/css/template.css';
import './App.css';

import { showModal, hideModal } from './actions/modal'

efalayi

redux-modal-component/
  README.md
  node_modules/
  package.json
  public/
    index.html
    favicon.ico
    manifest.json
  src/
    actions/

efalayi

import keyMirror from 'keymirror'

const ActionTypes = keyMirror({
  HIDE_MODAL: null,
  SHOW_MODAL: null,
})

export default ActionTypes

efalayi

import React from 'react'
import { connect } from 'react-redux'
import ReactModal from 'react-modal'

import { default as modalTypes } from './components/Modals'

const MODAL_TYPES = {
  'alert': modalTypes.alertModal,
  'confirm': modalTypes.confirmModal,
  'delete': modalTypes.deleteModal,

efalayi

import React from 'react'
import { connect } from 'react-redux'
import ReactModal from 'react-modal'

const mapStateToProps = state => ({
  ...state.modal
})

class ModalContainer extends React.Component {
  constructor(props) {