#reactconf2016

The Reactrospective

Officially official

What will I cover?

What is React?

React is just a view library

  • post-jQuery
  • JSX
  • inline styles
  • components and composition

render: function() {
  const {message, status} = this.props;
  return ( !this.props.message ? null :
    <div className="component">
      { this.textInput() }
      <SubmitButton
        disabled={this.text.length === 0}
        onClick={this.onSubmit()}
      />
    </div>
  );

React is NOT just a view library

It's a state of mind!

(sorry)

React Native

  • js compiles to iOS or android
  • mix native code and js
  • native performance but can push updates w/o app store approval
  • 2 code bases but 80-90% shared code

Facebook

πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°πŸ’°

  • Performance
  • Team-friendly
  • Other technologies
  • Gentle Upgrades

Dedicated Teams

  • React
  • React Native
  • GraphQL
  • Relay
  • Nuclide
  • Flow

Who else uses React?

  • Google
  • Apple
  • Microsoft
  • Twitter
  • Netflix
  • AirBnB
  • Uber
  • Mozilla
  • Automattic (Wordpress)
  • Yahoo
  • Atlassian
  • Flipkart
  • ETC..

State of the Cult Library

  • Version bump
  • Core seems settled
  • Focus on Native and Ecosystem
  • No big announcements

Goals

  • Combine state management (flux+redux+relay+state)
  • list performance
  • Animation, touch events
  • Tooling

WOT I THINK