How to build a single page application(UI) by using React, Redux, Router
As technology continues to evolve, single page UI application( SPA ) along with micro services backend becomes more popular. Single page application does not require page reloading during use once it was loaded in the first time, which means it's more user friendly and it's faster than legacy UI made by something like JSP, PHP, ASP etc. There are various techniques available that enable the browser to retain a single page even when the application requires server communication. In this article, I'm going to introduce how to make that with React. You need to have a quick look at basic tutorials in regards to npm, react components, babel, webpack. The code is available in Github: https://github.com/liqili/react-redux-router-webpack-demo 1.Architecture chart This is an UI MVC architecture chart. The view is React class component with its own states, constants, actions(events), reducers(event handlers), containers(connect to Redux global store). The model and controller are Re...