Gain insights into building a weather app with React, Redux, Immutable.js, and Jest. Learn about their problems and solutions, enhancing your app's performance and testing capabilities.

py.tar.gz

js_server

I'm Max Stoiber (@mxstbr) - the creator of react-boilerplate, one of the most popular react starter kits (10K+ stars on github).

I'll teach you how to build a real-world application using React, Redux and Immutable.js. We will use interactive playgrounds to create our app from scratch (no setup required).

The course can be divided into 4 logical parts: 

1. React: Understand what is React and what problem it solves. We'll build our first weather app using just React.
2. Redux: Identify potential issues in our React app and learn how Redux & Redux-Thunk can solve those issues. 
3. Immutable.js: Learn Immutable.js and how it can help in making our Redux apps performant. 
4. Jest: Lastly, we will learn how to test our React/Redux app using Jest.

If you are going to build a production app, chances are that you are going to use all of the above technologies so let's get started. 

* Understanding of Javascript is required. 
** Understanding of ES6 (let/const, arrow functions etc.) would be beneficial.

Learn React.js, Redux & Immutable.js while building a weather app

# Prerequisites

Node.js is a JavaScript runtime for your terminal. Don't worry too much about it, but it's used by some tools we'll be using to build our application. If you don't have it installed already (check by running `node -v` in your terminal, which should print a version number) head over to <a target="_blank" href="https://nodejs.org">nodejs.org</a>, follow the instructions there to install the latest version (v6 at the time of this writing) and you're good to go!

# First steps

Facebook recently open sourced a neat little tool called <a target="_blank" href="https://github.com/facebookincubator/create-react-app"><code>create-react-app</code></a> that allows us to very easily get started with our React app! It includes all the necessary build tools and transpilation steps to just get stuff done.

Let's install it with `npm`:

```Sh
npm install -g create-react-app
```

As soon as that's finished you now have access to the `create-react-app` command in your terminal! Let's create our barebones weather app:

```Sh
create-react-app weather-app
```

> The argument to `create-react-app`, in our case `weather-app`, tells the utility what to name the folder it'll create. Since we're creating a weather app, `weather-app` seems like a solid choice!

# Install npm modules
During the lessons, you might have noticed that we have used a few npm modules. Let's install those modules in your app directory

```sh
npm install --save redux react-redux
npm install --save redux-thunk
npm install --save immutable
```
Now comes the hardest part (_just kidding_ :)). 

Copy the code from the files below and put it into the respective files. `index.js` is already there and you should create the other files e.g. `App.js`, `Plot.js`, `reducers.js`, `actions.js` etc.

We'll look at how to run our app on your machine so that you can run tests against the app

1. React basics

2. Your first React app

3. Creating a forecast graph

4. State Management

5. ImmutableJS

6. Testing

Appendix

Running our Weather app on your machine

Prerequisites