React, Flux & ...

React

React

a javascript library for building user interfaces

MVC

What's so special about it?

EVERYTHING

Isomorphic JavaScript

• SEO
• Performance
• Maintainability

Others

• Modularity
• Easy Mental Model
• Embrace Immutability

Thinking in React

With great power

comes great responsibility

Flux

Flux

application architecture for building user interfaces

shouldComponentUpdate

Immutable.js

var person1 = {
  firstName: 'Rahim',
  lastName: 'Uddin'
};

var person2 = {
  firstName: 'Rahim',
  lastName: 'Uddin'
};

console.log(person1 == person2); // false
console.log(person1 === person2); // false

var Immutable = require('immutable');

var person1 = Immutable.fromJS({
  firstName: 'Rahim',
  lastName: 'Uddin'
});

var person2 = Immutable.fromJS({
  firstName: 'Rahim',
  lastName: 'Uddin'
});

console.log(Immutable.is(person1, person2)); // true
console.log(person1.equals(person2)); //true

What Next?

React Native

Relay

GraphQL

Thank You

@rifat
fb.me/rifat