The widespread use of React on large websites shows that it is stable enough to use at scale. React is ready, but nothing is set in stone. The unique opportunity we all have is that since it's so new, we can be part of building it. As the library and its tools evolve, we can suggest enhancements. When ideas come to mind about how to work with React more efficiently, we can build them. React is already great, but we can play an active role in building its even better future.

When working with Node and React, you will need to use the command line. In the mac this is called the terminal on a PC it is called the command prompt. Run the following commands to check your current version on node and npm. If needed instruction on how to install or upgrade are below.

First, Check to see if you have Node JS installed

$ node -v

Then, if needed, install or update Node JS from the node js website. Download the installer, run it, and follow the instructions.

Next, Check your version of npm

$ npm -v

Then, if you are running anything less than version three you will need to update npm.

$ sudo npm update -g npm 

Make sure to run the command prompt with administrator privilages

$ npm update -g npm

Finally, there are some nice options for switching node versions. You can install one of these optional version mangers:

• Install Node Version Manager - mac only (optional)
• Install NVM-Windows - pc only (optional)

Next, there are some developer chrome extensions or Firefox addons that you will need to install in order to debug React.

• Detector (Chrome)
• Development Tools (Chrome | Firefox)

This repository links to samples hosted on JSBin so that you can immediately begin changing each sample and checking output to see how each sample has changed.

Here is a Hello World sample that JSBin has assigned the identifier gosabo. There are 3 available versions of this sample in JSBin under the same identifier.

http://output.jsbin.com/gosabo

http://output.jsbin.com/gosabo/edit

http://jsbin.com/gosabo/edit?js,output

http://output.jsbin.com/gosabo/quite

http://output.jsbin.com/gosabo/1

http://output.jsbin.com/gosabo/1/edit

http://output.jsbin.com/gosabo/2

http://output.jsbin.com/gosabo/3/edit

Ultimately, we will be working with webpack and npms, but to get running quickly here are some CDN links that can be included in JSBin with this syntax: <script src="proxy.php?url=https%3A%2F%2F%5BCDN+LINK%5D"></script>

• React Source
• React DOM Source
• Babel Inline Transpiller
• fetch
• Redux Source
• React Router Source
• Mocha
• Chai
• Sinon

Finally, we have some links to resources and official documentation for the libraies that we will be using.

• React Documentation
• React Source
• React NPM
• Webpack Documentation
• Flux Documentation
• Redux Documentation
• React Router Documentation
• Mocha Documentation
• Sinon Documentation