typescript-redux | Adventures in TypeScript , React Redux | Frontend Framework library

If you haven't already download and install the latest version from typescriptlang.org. Visual Studio users can use these direct links:. This guide assumes you've installed TypeScript v1.8 or higher.
VS.NET 2015
VS.NET 2013
To take full advantage of the modularity functionality available in ES6 and TypeScript we'll also want to use a client JavaScript package manager which is able to integrate with TypeScript's module support. Currently the preferred option for this is JSPM whose SystemJS module format is natively supported by TypeScript.
With JSPM all setup we can go shopping for JS packages - the first one we'll need is React:.
To enable auto-completion and type-checking support in TypeScript we'll also want to pull down the Type Definitions for our 3rd Party JavaScript libraries. The best way to do this is to install typings which we also install from npm:. We can now use typings to fetch the TypeScript Type Definitions we need.
Something that stands out in the previous example is creating the Redux store in the Counter module. Since your App should only have 1 store, this isn't the right place for it. We can remedy this situation with a bit of help from Redux's React helper library.
Now that we've worked ourselves towards the ideal way to build a Redux-connected component, it's time to kick it into high gear and build something more useful. Ultimately we're going to want to expand our reducer function to handle more state, actions and their state transitions. Since we're going to be supporting more actions we're going to quickly want better tools for creating immutable objects. TypeScript already supports ES6's spread operator which helps with creating new arrays but it doesn't yet support the object spread operator proposal - something we're going to be doing a lot of.