Dev log for 11/14/16

Another day of 90% coding. These are the days you feel more productive than usual.

• Continuation of getting redux to work for the application.
• We are using thunkMiddleware as some of our actions require taking to the signalR hub whose methods return a Promise.
• Also, found a cool Redux dev tool with which you can validate your state after each action dispatch. You’ll use them in the main App component as follows:

import React from 'react';
import {render} from 'react-dom';
import thunkMiddleware from 'redux-thunk';
import { createStore ,applyMiddleware,compose } from 'redux'
import { Provider } from 'react-redux'
class App extends React.Component {
....
}
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

let store = createStore(login, composeEnhancers(applyMiddleware(thunkMiddleware)));


render(
    <Provider store={store}>
      <App/>
    </Provider>, document.getElementById('app'));

• sinonjs is an awesome tool that you makes writing test-spy even easier. I’ll add more details on that in an upcoming post.
• One of the thing we are yet to finalize is where do we post a redirect to new path within the react-router and redux. For now, we are doing as part of the Component lifecycle functions but it looks dirty as there’s no clear separation of concern.