ENTERING THE NEW ERA
OF FRONT-END DEVELOPMENT
WITH REACTJS
Robert Haritonov
@operatino & rhr.me
Slide 2
Slide 2 text
Front-end Development Lead
Liberty Global
Robert Haritonov @operatino
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
V
for the View in traditional MVC
and for Virtual DOM
Slide 6
Slide 6 text
React provides a declarative library
that keeps the DOM in sync with
your data.
Slide 7
Slide 7 text
but...
Slide 8
Slide 8 text
@operatino
It's all about the ecosystem
• Supports server and cross-platform rendering
• React brings the essence of the functional
programming to UI development
• Leverages composition
• Promotes unidirectional data flow
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
@operatino
“Move fast & break things.
But fix it before it goes to prod.”
Christopher Chedeau,
Talk: Why does React scale?
Slide 11
Slide 11 text
@operatino
Why Facebook built React
• Predictable code execution environment
• Individual components holds the state
• Immutable component properties
• Property type checking
• Encapsulation and fast debugging
Slide 12
Slide 12 text
@operatino
React makes rendering of UI
as simple as defining a function.
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
No content
Slide 15
Slide 15 text
@operatino
Slide 16
Slide 16 text
@operatino
Learn programming not tools.
Slide 17
Slide 17 text
@operatino
Why should you care?
Slide 18
Slide 18 text
@operatino
And many more...
Slide 19
Slide 19 text
@operatino
Because of these benefits
• Integration flexibility
• Ease of maintenance
• Powerful component libraries
• Isomorphic rendering