React.js concepts, server side rendering + bonus React Native

1. React.js
For Back-End developers
Artyom Trityak

2. • 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?

3. JSX, Virtual DOM

4. PropTypes

5. Mixins

6. Result

7. JSX -> JS compiler
React Rails
PyReact, Django React
Grunt.js React, Gulp.js React

8. • SEO - no need PhantomJS-renderer
• First page loading speedup
• Pre-render for mobile devices
Server Side Rendering

9. Server Side Rendering: Node.js

10. Server Side Rendering: Ruby on Rails

11. Server Side Rendering: Django

13. +Bonus
React Native

14. • 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