#reactconf2016 – The Reactrospective – Officially official

View Github Repository Open presentation in a new window

thedamon

See all presentation from thedamon

#reactconf2016 – The Reactrospective – Officially official

0 0

reactrospective-slides

Slide deck for my ReactConf2016 summary talk at the london front end meetup group

On Github thedamon / reactrospective-slides

#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)

  • ‘Rethinking Best Practices'

  • Composition/Modularity/Componentization/Lego Blocks/Atomic Design/MicroServices/BuzziestBuzzwords

  • render anywhere (native, serverside, etc)

  • Extra-DOMinational

  • innately javascript

  • Functional Programming

  • Influences on its sleeve

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

Uses

Themes and Trends

  • GraphQL
  • Beyond the web
  • Rethinking new and old
  • Getting its hands on everything
  • CSWhat?

WOT I THINK

  • React feels different. it feels big
  • Brash, focused on new problems and pragmatic solutions > convention
  • Can be intense for beginner
  • Ecosystem and paradigms will make it soar

Calls to Action!

Talks

React Resources

Me twittah! - @thedamon

Thank you.