A declarative, efficient, and flexible JavaScript library for building user interfaces.

Vasya SemenovSoftware Engineer at SoftBistroReact

So, What is React?

❖ JavaScript library for building user interfaces*

❖ It was created by the engineering team at Facebook

❖ A (smart) View Engine of sorts

❖ It is not a client-side, MVC/MVVM/MW*, framework

What Does React Do?

❖ React render your UI

❖ React responds to user interactions

❖ React reduces complexity

❖ React tackles performance issues for you, behind the scenes

JUST THE UI

❖ Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

VIRTUAL DOM

❖ React uses a virtual DOM diff implementation for ultra-high performance. It can also render on the server using Node.js — no heavy browser DOM required.

React’s diff algorithm

Example code

JSX

❖ Completely Optional

❖ XML-usg syntactic sugar

❖ Easier to reason about for engineers

❖ Easier for designer for contribute

❖ Supported JavaScript/CoffeeScript

❖ IDE Support

❖ Give it a try

Хто з крутих чуваків використовує?

Metrics

❖ Created: 2013

❖ Last version: React v0.12.2

❖ File size: 573 KB

❖ Min. file size: 131 KB

❖ Code size: 18,116

❖ Forks on GitHub: 2,206

❖ Starts on GitHub: 16,854

Why Use It?

❖ Portable/Agnostic

❖ Performance

❖ Maintenance

❖ Comprehensible

❖ Testable

Links

❖ http://facebook.github.io/react/

❖ https://github.com/facebook/react

❖ https://github.com/enaqx/awesome-react

❖ http://calendar.perfplanet.com/2013/diff

❖ http://tutorialzine.com/2014/07/5-practical-examples-for-learning-facebooks-react-framework/

Questions?