React.js Conf 2016 Recap

Watch the videos (soon):
http://conf.reactjs.com/

React.js Conf 2016 Recap

Or...

React.js Conf 2016:
The Good Parts

New Stuff

React Conf 2015 - Quick Review

First, a quick reminder of what we got in 2015...

React Conf 2015 - Quick Review

React Native

New paradigm for mobile web app development

React Conf 2015 - Quick Review

React Native

New paradigm for mobile web app development

Relay

New framework for simplifying client-server data management

React Conf 2015 - Quick Review

React Native

New paradigm for mobile web app development

Relay

New framework for simplifying client-server data management

GraphQL

New query language designed for graph data, optimized for Relay

Developers, the
next morning...

New Stuff
for 2016

React Conf 2016 - New Stuff

React Native

New paradigm for mobile web app development

React Conf 2016 - New Stuff

React Native

OK, not really. That's just what it felt like :)

We're investing heavily in React Native
—Nick Shrock, Facebook

React Conf 2016 - New Stuff

React 15.0.0

Release candidate shipping next week

No more React ids in the DOM, 10% faster

Wondering about the jump from v0.14?

React Conf 2016 - New Stuff

Draft.js

A framework for building rich text editors in React, powered by an immutable model

Powers the richt text inputs on Facebook.com

React Conf 2016 - New Stuff

That's about it.

Some interesting community stuff, but nothing else from FB

Developers, the
next morning...

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

The Facebook framework teams have 3 priorities for 2016:

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

The Facebook framework teams have 3 priorities for 2016:
1. Execution

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

The Facebook framework teams have 3 priorities for 2016:
1. Execution
2. Execution

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

The Facebook framework teams have 3 priorities for 2016:
1. Execution
2. Execution
3. Execution

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

React Conf 2016 - New Stuff

What's the Deal?

It was spelled out clearly in the keynote:

But where's
my new stuff?

React Conf 2016 - New Stuff

This is actually a good thing.

It's a sign of a rapidly maturing ecosystem

React Conf 2016 - New Stuff

React Conf 2016 - New Stuff

This is actually a good thing.

Facebook committed to execution, stability and "platform"-building

React Conf 2016 - New Stuff

This is actually a good thing.

In the age of "JavaScript fatigue" it's probably OK to slow down a little

React Conf 2016 - New Stuff

The community is cranking out plenty of "new stuff"

React Router, Redux...

ICYMI: Top
5 Talks

Top 5 Talks

If you only have a couple of hours...

There were 18 presentations and 20+ lightning talks

Over 11 hours of content

These are my top 5 picks...

Rich Text Editing with React

Most interesting official announcement

Interesting overview of ContentEditable (the "good parts")

Breakdown of how they use it on Facebook.com

Draft.js open source announcement

Web-like Release Agility

Most unexpected

Toolchain and dev process by... Microsoft?

Web-like Release Agility

Most unexpected

Toolchain and dev process by... Microsoft?

And it actually looks... pretty good?!

Web-like Release Agility

Impressive demo, various interesting tools:

Optimising React Native: Tools and Tips

Most useful

Excellent overview of debugging React Native apps

Universal GL Effects for Web and Native

Most impressive

Really amazing demos and libraries for React

Rethinking All Practices: Building Applications in Elm

Most entertaining

Overview of Elm and why React devs will like it

Other Highlights
(Not exhaustive)

React: What Lies Ahead

Insights into what the FB team are looking at

Mobile stuff, easier onboarding, data management

Theme: "please help us" :)

A Cartoon Guide to the Wilds of Data Handling

Code Cartoons

High-level visual overview of Flux, Redux and Relay

React, Meet Virtual Reality

Because VR is always awesome :)

How To Use React In A Wedding Gift Without Being A Bad Friend

Jeoparty

Hardware buttons + Raspberry Pi + Arduino + Johnny-Five + React + jService.io

Interesting Lightning Talks

Redux, Re-frame, Relay, Om/next, oh my!

Good overview of app state management options

Re-frame: ClosureScript, similar to Redux

Performance Without Compromise

How Netflix renders at 60fps in under 100ms on tv stick 465x slower than a laptop

A GraphQL Framework in Non-JS Servers

Overview of Falcor vs GraphQL

Graphene: Python implementation of GraphQL

Resolver = Parse + Firebase + Graphene (open source)

Speeding up Startup for Large React Apps

Great ideas for app loading / performance

No libraries, just good coding patterns

Last But
Not Least

React Project

By Ryan Florence of React Router fame

A dependency--not a boilerplate--to make your React project a delight to develop

In Summary

React ecosystem is rocking!

Use React Native!

Contribute to the community!

Thanks!

http://www.meetup.com/bleeding-edge-web/

http://edgeATX.github.io/slides

Brian Moeskau — @bmoeskau

Bleeding Edge Web

/

#