SEI 2016

Semana da Engenharia Informática 2016 - Workshop by Seegno

Table of Contents

• Summary
• Requirements
• Installation
• Run Application

Summary

Managing the application state in terms of data structure organization is usually a complex problem. New patterns like Flux or Redux are designed to solve uni-directional data flows in a more explicit way.

During the workshop we're going to build a simple chat application in order to show how integrating Redux into React can solve complex problems such as routing, cache management or asynchronous events like fetching data from the server.

Requirements

Previous knowledge

• Functional programming
• JavaScript - ES2015
• ReactJS
• Redux
• Flux (Optional)

System requirements

• Node >= 4
• npm >= 3
• Modern text editor (e.g. Atom)

Installation

Clone project to you local directory:

git clone https://github.com/seegno/sei16.git

Install npm dependencies by running the following command in the terminal:

npm install

Run Application

After installing npm dependencies you're ready to go. Run the following command:

npm start

This starts a local server. Just open your browser, go to localhost:3000 and if you see a welcome message you're ready to go.