React + Redux and HTTP Request

It’s a bit confusing for starters to get how does React + Redux and HTTP Request work together. For example, how does the HTTP Request influence registered app states? How is it related to action?

It all melted down to fully understand what is each of React, Redux and HTTP Request designed for, and how does it work. So here we go:

React renders the UI with states and props.

Redux manages the states of React.

HTTP Request fired by an action doesn’t necessarily affect the states in Redux’s store. There’re two cases here:

  • If the action firing a HTTP Request changes the UI, we need to design app states, register them to Redux store, dispatch them to change the UI
  • If the action firing a HTTP Request doesn’t change any UI, we don’t need to add app states related to the HTTP Request. We can directly fire the HTTP Response from React






















Dust and rains,

Dropping down.

To the surface of diamond.

Not moving away.


How to get wind to wash away?


Should the diamond keep flashing?

Should the diamond keep flashing?


It doesn’t need protection.

It doesn’t need protection.


It is flashing.

Web App with Redux and Microsoft Azure

So, I’m building the official website for my startup Dopamine. The website has a subscription system to get user email, and a few pages introducing the company. To fulfill these requirements, it needs three things:

  • Web api as backend
  • Database to store subscription data
  • Frontend

To have the website up in the shortest time while remaining security on user data, flexible content updates of the UI in the future, the technologies used to build the website need to be:

  • Easy to pick up
  • Have supportive community
  • Have a robust mechanism to secure data
  • Flexible on frontend UI update

After researching around, Microsoft Azure + Redux arises as the perfect combination to achieve short-term and long-term goals as described above for the following reason:

Microsoft Azure has a complete framework building and hosting a web app [1].  Most importantly, Azure compiles with modern web technologies, such as Redux [2] [4] [5]. Thus, multiplying these two should be enough to build a web app with easy steps.

In case there’re issues using Redux in Visual Studio on Windows, [3] writes down potential issues could be encountered as well as the corresponding solutions.


[1] Build an ASP.NET app in Azure with SQL Database.

[2] How to Use React with Visual Studio and ASP.NET Web API.

[3] Visual Studio 2015 with ASP.Net, React and Modern JavaScript Development.

[4] Using React with Redux.

[5] Deploying create-react-app on Microsoft Azure.

time is changing

I’m listening different music

It feels like new life.



my love for you did not fade away.

it’s getting clearer.



I love you.

Nov 27, 2017

Cambridge, MA

“人一旦迷醉于自身的软弱之中,便会一味软弱下去,会在众人的目光下倒在街头,倒在地上,倒在比地面更低的地方。” —- 米兰 昆德拉 《不能承受的生命之轻》



不。任何事物都是创造出来的。我应该用热情对待每一件事,这才是美丽的。没有热情,创造出来的任何东西都是没有热情的 =)

Skill and Creativity

In creative activities requiring professional skills, it’s the creativity that gradually shapes the idea by making decisions based on experimental results. If one has good skills, but not much creativity, the outcome can’t be great.

Monument Valley

That mobile game is so intriguing because it’s the player’s observation and action that makes the beautiful scene starting to turn. That’s a feeling of exploration and satisfaction of elegant reward after trying a few times and finally get it right.