Mário Gonçalves

1. React
An Overview

2. What is React?
A Javascript Library created by Facebook (and the
community) to build user interfaces

3. Ideas behind React
• Declarative nature
• Reduced scope
• Portability
• Expressivity
• Performance
• Unidirectional data flow
• Flux

4. Support and use
• Facebook, Instagram, Whatsapp
• Nextflix
• New York Times
• Yahoo
• Dropbox
• Wordpress (*)
• 5th most stared project in Github
• 8th most forked project of 2017

5. What does it look like?
https://reactjs.org/

6. DEMO TIME

7. How to install/use React?
No Babel, No NPM, No Problem:
https://codepen.io/gaearon/pen/
ZpvBNJ?editors=0010
With node installed and want to build
an application with it?
npm install -g create-react-app
create-react-app my-app
cd my-app/
npm start
Quick test-drive:
Copy-Paste this HTML

8. Strengths Weaknesses Opportunities Threats
Flux as an emergent
frontend architecture
Component base as a way
of encapsulation and code
redistribution
Library approach enables a
better distributed
collaboration
JSX as a means to reduce
context-switching
Usage of the latest ES
specification
Company’s track record of
dubious licensing ( BSD +
Patents )
With a big company backing
the project, there’s a
tendency for less agility and
over-specification
Diversity of the NPM
ecosystem
JavaScript as a cross-
environment language that
enables entering the mobile
market
Help the language standards
to evolve faster by pushing
the community to adopt
them earlier
W3C Web Components Spec
being drafted could direct
some users away to
competitors with a more
similar approach
Too much noise going
around in the community
might turn off those used to
a more stable environment
JSX and build process might
be overwhelming for some
new starters

9. Thanks!