rohanBagchi

import { createStore } from 'redux';
import rootReducer from './rootReducer.js';

const store = createStore(rootReducer);
export default store;

rohanBagchi

import { combineReducers } from 'redux';
import ArticleDucks from './ducks/ArticleDucks';

export default combineReducers({
    articles_reducer: ArticleDucks,
});

rohanBagchi

import { createAction } from 'redux-actions';
import keyMirror from 'keymirror';

export const default_state = {
    data: {},
    ui: {}
};

export const ArticleActionTypes = keyMirror({
    SET_ARTICLES: null,

rohanBagchi

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

const User = props => (
    <div>
        {props.user.name}
    </div>
);

function mapStateToProps(state) {

rohanBagchi

const defaultState = {
    user: {}
};

export default function reducer(state, action) {
    state = state || defaultState;
    const { type, payload } = action;
    
    switch (type) {
        case 'SET_USER_DETAILS': 

rohanBagchi

import ChatBubble from './ChatBubble';
import ImageGallery from 'some-custom-gallery';
...

<ChatBubble sentBy={message.sentBy} time={message.time}>
  <div className="message-body-wrapper">
    {message.images.length &&
      <ImageGallery images=[message.images]/>
    }
    {message.messageText}

rohanBagchi

import React from 'react';

export default ChatBubble = props => {
    return (
        <div className='wrapper'>
            <Header {...props}/>
            <div className='body'>
              {props.children}
            </div>
            <Footer {...props}/>

rohanBagchi

import React from 'react';

export default ChatBubble = props => {
    return (
        <div className='wrapper'>
            <Header {...props}/>
            <div className='body'>
                <div className='messageContent'>
                    {props.messageContent}
                </div>

rohanBagchi

import React from 'react';

export default ChatBubble = props => {
    return (
        <div className='wrapper'>
            <div className='header'>
                <div className='sentBy'>
                    {props.sentBy}
                </div>
                <div className='avatar'>

rohanBagchi

import React from 'react';

export default Icon = props => (
    <i className={props.name}/>
);