Introduction to React

Topics to Cover

  • Why Choose React?
  • Basics of React Components
  • How ClearView Social uses React
  • Best Practices Developing w/React

First, a bit about me.

  • Web Developer for 15+ years
  • Senior Full-Stack Engineer @ ClearView Social
  • Father of 3
  • Musician

JavaScript Frameworks

(in 4 slides)

The jQuery Era

Text

Everything, Everywhere, All the Time

The Backbone Era

Adding Structure to jQuery

The Angular Era

Merging Data, Events, and

Markup

JavaScript in 2017

The React Era

Data, Events, and Markup become Components

  • HTML-like syntax

  • Reusable Components

  • Only concerned with Views

  • Unique Build Pipeline

Advantages of React

  • Efficient Rendering using Virtual DOM
  • Able to run on the Server
  • Reusable Components
  • Automatic Event Delegation

So this is great for the web,

but what else can it do?

React Native

Companies Using React Native

  • Facebook
  • Instagram
  • Airbnb
  • Skype
  • Walmart
  • Bloomberg
  • SoundCloud
  • ... and more!

https://facebook.github.io/react-native/showcase.html

So What's Next?

Made with Slides.com