This session will introduce you to the React library that Facebook has developed for building user interfaces with JavaScript. I will have many examples that will eventually build up into a client-side application. This is made possible by an application architecture that Facebook has also published alongside React. That architecture pattern is Flux, and we will implement using Alt.js. I will also be using the Bootstrap framework to make the UI design uniform and easy. A fundemental knowledge of HTML5, CSS, JavaScript is required.

Resources:

• React
• Flux
• Alt.js
• Bootstrap

Materials:

Some of these examples will require NODE.js installed on your local machine to get dependencies. Once you've run webpack the node_modules folder will not be required.

Install Instructions

1. Install Node.JS
2. Path in Command Prompt to the directory you extracted the examples
3. Run the following command: npm install
4. Run the following command to pack all the files and watch for changes: webpack -dw

• Slides
• Examples

My Session @NERD Center Cambridge, MA