Ego Slide

f.strazzullo@extrategy.net

@TheStrazz86

https://github.com/francesco-strazzullo

https://medium.com/@TheStrazz86

https://slides.com/francescostrazzullo

React

A JavaScript library for building user interfaces

React - Getting Started

Libraries VS Frameworks

a developer’s code calls library whereas the framework calls a developer’s code.

React?

It's only about the code

JSX

So It's basically HTML in JS files...

Separation of Concerns

Components

Virtual DOM

For every cycle, React renders entire Application...

But the Render happens in a Virtual DOM: a copy of the real DOM in memory

And Then a Reconciliation process starts between the VDOM and the real DOM

Reactive Programming

The Reactive Manifesto

In computing, reactive programming is a programming paradigm oriented around data flows and the propagation of change.

Wikipedia

RxJS

Let's try with an example

var a = b + c;

=B1+C1