React.js for Back-End developers

React.jsFor Back-End developers

Artyom Trityak

• Building complex UI without pain

• Simple Flow - whole page / widget re-render on each change

• React.js will do Diff and apply only needed changes to DOM

React? What is React?

JSX, Virtual DOM

PropTypes

Mixins

Result

JSX -> JS compilerReact Rails

PyReact, Django React

Grunt.js React, Gulp.js React

• SEO - no need PhantomJS-renderer

• First page loading speedup

• Pre-render for mobile devices

Server Side Rendering

Server Side Rendering: Node.js

Server Side Rendering: Ruby on Rails

Server Side Rendering: Django

+Bonus

React Native

• No WebView

• No browser

• JavaScript logic in separate thread does not block Native UI

• JSX HTML -> Native platform elements

• Learn once, write everywhere

• Example: http://www.facebookgroups.com/

React Native