<commit_before>---
layout: post
title:  "Your First Immutable React & Redux App"
excerpt_separator: <!--more-->
author: <NAME>
date: 2015-11-18 19:35
published: true
categories: react, redux
---

I've been back from [Nodevember](http://nodevember.org) for two days now. I took a coworker with me who hasn't used javascript in years, and after the conference he's been asking me non-stop on how to get started with React. This is aimed at people who understand javascript, maybe even used React quite a bit, but you have no experience with [Redux](http://redux.js.org/).

<!--more-->
I've been back from [Nodevember](http://nodevember.org) for two days now. I took a coworker with me who hasn't used javascript in years, and after the conference he's been asking me non-stop on how to get started with React. This is aimed at people who understand javascript but have never used node. Even if you've used React quite a bit, this will help you understand [Redux](http://redux.js.org/).

###What this covers

I'm the kind of person who doesn't always understand *big words*. The redux docs to me, use a lot of these. I'd like to make everything seems as simple as possible so that you can wrap your head around it. After all, how hard can it be to understand [2kb's of code ;)](http://redux.js.org/). We will go through the process of setting up our app, from installing node, to creating our package.json and understanding how that works. If you understand that, and I'm sure a vast majority of your do, skip ahead to where we [start building the app](#more-setup). Just make sure you [add every npm module we'll be using](https://github.com/Legitcode/redux-tutorial/blob/master/package.json) first.

**P.S.** All of the code below is [on github](https://github.com/Legitcode/redux-tutorial)


##Setup

The first thing we need to do is make sure we have `node` installed. The best way to do this is by using [nvm](https://github.com/creationix/nvm). Paste this into your terminal, and you'll have nvm installed:
```
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
```

After that, we need to add it to our `bash_profile`:

```
vi ~/.bash_profile

##inside paste this

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
```
<commit_msg>website build<commit_after>---
layout: post
title:  "Your First Immutable React & Redux App"
excerpt_separator: <!--more-->
author: <NAME>
date: 2015-11-18 19:35
published: true
categories: react, redux
---

I've been back from [Nodevember](http://nodevember.org) for two days now. I took a coworker with me who hasn't used javascript in years. After the conference he's been asking me non-stop on how to get started with React. This is aimed at people who understand javascript but have never used node. Even if you've used React quite a bit, this will help you understand [Redux](http://redux.js.org/) and give you a taste of ImmutableJS

<!--more-->
I've been back from [Nodevember](http://nodevember.org) for two days now. I took a coworker with me who hasn't used javascript in years. After the conference he's been asking me non-stop on how to get started with React. This is aimed at people who understand javascript but have never used node. Even if you've used React quite a bit, this will help you understand [Redux](http://redux.js.org/) and give you a taste of ImmutableJS

###What this covers

I'm the kind of person who doesn't always understand *big words*. The redux docs to me, use a lot of these. I'd like to make everything seems as simple as possible so that you can wrap your head around it. After all, how hard can it be to understand [2kb's of code ;)](http://redux.js.org/). We will go through the process of setting up our app, from installing node, to creating our package.json and understanding how that works. If you understand that, and I'm sure a vast majority of your do, skip ahead to where we [start building the app](#more-setup). Just make sure you [add every npm module we'll be using](https://github.com/Legitcode/redux-tutorial/blob/master/package.json) first.

**P.S.**
All of the code below is [on github](https://github.com/Legitcode/redux-tutorial)
Clone it, `npm install`, and `npm start` to see the finished version of this tutorial.


##Setup

The first thing we need to do is make sure we have `node` installed. The best way to do this is by using [nvm](https://github.com/creationix/nvm). Paste this into your terminal, and you'll have nvm installed:
```
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash
```

After that, we need to add it to our `bash_profile`:

```
vi ~/.bash_profile

##inside paste this

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
```

{'fraction_non_alphanumeric': 0.10504376823676533, 'fraction_numerical': 0.0070862859524802, 'mean_word_length': 4.040966386554622, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4319978', 'n_tokens_mistral': 1505, 'n_tokens_neox': 1387, 'n_words': 693}