React.js Conf 2016:
The Good Parts
React Conf 2015 - Quick Review
First, a quick reminder of what we got in 2015...
React Conf 2015 - Quick Review
New paradigm for mobile web app development
React Conf 2015 - Quick Review
New paradigm for mobile web app development
New framework for simplifying client-server data management
React Conf 2015 - Quick Review
New paradigm for mobile web app development
New framework for simplifying client-server data management
New query language designed for graph data, optimized for Relay
Developers, the
next morning...
React Conf 2016 - New Stuff
New paradigm for mobile web app development
React Conf 2016 - New Stuff
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
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:
- They are "investing heavily" in React Native
React Conf 2016 - New Stuff
What's the Deal?
It was spelled out clearly in the keynote:
- They are "investing heavily" in React Native
- Goal is to build a "Horizontal platform"
React Conf 2016 - New Stuff
What's the Deal?
It was spelled out clearly in the keynote:
- They are "investing heavily" in React Native
- Goal is to build a "Horizontal platform"
- Focus on tooling, workflow and overall developer experience
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...
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:
- VS Code: Good JS auto-complete, breakpoints
- React Extensions: Syntax support for React (Native) and JSX
- CodePush: Mobile app deployment, side-loading, beta builds
Optimising React Native: Tools and Tips
Most useful
Excellent overview of debugging React Native apps
- Perf monitor: realtime RAM, view counts, UI/JS fps graphs on device
- Systrace: markers for boundary operations, native modules, lifecycle methods
- CPU profiler: Debug CPU bottlenecks
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
- Transpiles to JS
- Pure functions, immutable data
- "No runtime exceptions"
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
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
- Oy: Email templating with React
- Gatsby: React static site generator from Markdown
- Nuclide: Atom package for React native development, debugger, inspector, Flow support
- Fuse: Declarative UX framework
- Realm: Mobile DB for React native
- React Native for Web: React Native components and APIs for the Web
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
React Project
By Ryan Florence of React Router fame
A dependency--not a boilerplate--to make your React project a delight to develop
React ecosystem is rocking!
Contribute to the community!
Thanks!
←
→
/
#