{"patch":"diff --git a\/docs\/_posts\/2015-02-18-react-conf-roundup-2015.md b\/docs\/_posts\/2015-02-18-react-conf-roundup-2015.md\nnew file mode 100644\nindex 0000000000..93c57f74bc\n--- \/dev\/null\n+++ b\/docs\/_posts\/2015-02-18-react-conf-roundup-2015.md\n@@ -0,0 +1,258 @@\n+---\n+title: React.js Conf Round-up 2015\n+layout: post\n+author: Steven Luscher\n+---\n+\n+It was a privilege to welcome the React community to Facebook HQ on January 28–29 for the first-ever React.js Conf, and a pleasure to be be able to unveil three new technologies that we've been using internally at Facebook for some time: GraphQL, Relay, and React Native.\n+\n+## The talks\n+\n+

\n+

<\/a>Keynote #<\/a><\/h3>\n+
\n+ Tom Occhino<\/strong> opened with a history of how React came to be, before announcing Facebook’s answer to a long-looming what-if question: what if we could use React to target something other than the DOM?\n+ <\/p>\n+ <\/div>\n+
\n+ <\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-tweak\"><\/a>Tweaking in real time <a class=\"hash-link\" href=\"#talk-tweak\">#<\/a><\/h3>\n+ <p>\n+ <strong>Brenton Simpson<\/strong> showed us how eBay brings Bret Victor’s feedback loop to your favorite editor using Webpack, react-hot-loader, and <a href=\"https:\/\/github.com\/appsforartists\/ambidex\">Ambidex<\/a>.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/yaymfLj5tjA\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-ast\"><\/a>Abstract Syntax Trees <a class=\"hash-link\" href=\"#talk-ast\">#<\/a><\/h3>\n+ <p>\n+ <strong>Gurdas Nijor<\/strong> showed us how we can leverage some conventions of React to perform source code transformations that unlock an inspirational set of use cases.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/OZGgVxFxSIs\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-relay-graphql\"><\/a>Relay and GraphQL <a class=\"hash-link\" href=\"#talk-relay-graphql\">#<\/a><\/h3>\n+ <p>\n+ <strong>Daniel Schafer<\/strong> and <strong>Jing Chen<\/strong> showed us how Facebook approaches data fetching with React, giving us an early peek at the forthcoming duo of Relay and GraphQL.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/9sc8Pyc51uU\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-channels\"><\/a>Channels <a class=\"hash-link\" href=\"#talk-channels\">#<\/a><\/h3>\n+ <p>\n+ <strong>James Long<\/strong> explores what might happen if we introduce channels, a new style of coordinating actions, to React.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/W2DgDNQZOwo\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-router\"><\/a>React Router <a class=\"hash-link\" href=\"#talk-router\">#<\/a><\/h3>\n+ <p>\n+ <strong>Michael Jackson<\/strong> reminded us that URLs should be part of our design process, and showed us how <a href=\"https:\/\/github.com\/rackt\/react-router\">react-router<\/a> can help to manage the transitions between them.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/XZfvW1a8Xac\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-full-stack-flux\"><\/a>Full-stack Flux <a class=\"hash-link\" href=\"#talk-full-stack-flux\">#<\/a><\/h3>\n+ <p>\n+ <strong>Pete Hunt<\/strong> showed us how a Flux approach can help us scale actions and questions on the backend in addition to the frontend.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/KtmjkCuV-EU\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-performance\"><\/a>High-performance <a class=\"hash-link\" href=\"#talk-performance\">#<\/a><\/h3>\n+ <p>\n+ <strong>Jason Bonta<\/strong> showed us how complex user interfaces can get, and how his team keeps them performant as they scale. He also had the pleasure of open-sourcing his team’s work on <a href=\"http:\/\/facebook.github.io\/fixed-data-table\/\">FixedDataTable<\/a>.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/KYzlpRvWZ6c\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-intl\"><\/a>FormatJS and react-intl <a class=\"hash-link\" href=\"#talk-intl\">#<\/a><\/h3>\n+ <p>\n+ <strong>Eric Ferraiuolo<\/strong> showed how you can bring your app to a worldwide audience using a series of polyfills and emerging ECMAScript APIs.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/Sla-DkvmIHY\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-hype\"><\/a>Hype! <a class=\"hash-link\" href=\"#talk-hype\">#<\/a><\/h3>\n+ <p>\n+ <strong>Ryan Florence<\/strong> showed us how easy it is to transition from a career selling life insurance, to a burgeoning one as a software developer. All you have to do is to learn how to say “yes.”\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/z5e7kWSHWTg\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-native\"><\/a>React Native <a class=\"hash-link\" href=\"#talk-native\">#<\/a><\/h3>\n+ <p>\n+ <strong>Christopher Chedeau<\/strong> showed us how to bring the developer experience of working with React on the web to native app development, using React Native.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/7rDsRXj9-cU\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-components\"><\/a>Components <a class=\"hash-link\" href=\"#talk-components\">#<\/a><\/h3>\n+ <p>\n+ <strong>Andrew Rota<\/strong> explained how React and Web Components can work together, and how to avoid some common pitfalls.\n+ <\/p>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/g0TD0efcwVg\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-gibbon\"><\/a>Beyond the DOM <a class=\"hash-link\" href=\"#talk-gibbon\">#<\/a><\/h3>\n+ <p>\n+ <strong>Jafar Husain<\/strong> told us a story about how Netflix was able to push React into places where the DOM could not go.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/eNC0mRYGWgc\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-visualization\"><\/a>Data Visualization <a class=\"hash-link\" href=\"#talk-visualization\">#<\/a><\/h3>\n+ <p>\n+ <strong>Zach Nation<\/strong> showed us how we can produce visualizations from over 45 million data points without breaking a sweat.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/2ii1lEkIv1s\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-refracted\"><\/a>React Refracted <a class=\"hash-link\" href=\"#talk-refracted\">#<\/a><\/h3>\n+ <p>\n+ <strong>David Nolen<\/strong> gave us a view of React from a non-JavaScript perspective, challenging some common intuition along the way.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/5hGHdETNteE\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-flux-panel\"><\/a>Flux Panel <a class=\"hash-link\" href=\"#talk-flux-panel\">#<\/a><\/h3>\n+ <p>\n+ <strong>Bill Fisher<\/strong> coordinated a Flux panel together with <strong>Michael Ridgway<\/strong>, <strong>Spike Brehm<\/strong>, <strong>Andres Suarez<\/strong>, <strong>Jing Chen<\/strong>, <strong>Ian Obermiller<\/strong>, and <strong>Kyle Davis<\/strong>.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/LTj4O7WJJ98\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-communication\"><\/a>Component communication <a class=\"hash-link\" href=\"#talk-communication\">#<\/a><\/h3>\n+ <p>\n+ <strong>Bonnie Eisenman<\/strong> led us through the ‘adapter’ approach to inter-component communication taken by her team at Codecademy.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/ZM6wXoFTY3o\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-typescript\"><\/a>Flow and TypeScript <a class=\"hash-link\" href=\"#talk-typescript\">#<\/a><\/h3>\n+ <p>\n+ <strong>James Brantly<\/strong> demonstrated how we can reap the benefits of static typing using both Flow and TypeScript.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/9PTa9-PPVAc\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <h3 style=\"margin-top:0\"><a class=\"anchor\" name=\"talk-qa\"><\/a>Core Team Q&A <a class=\"hash-link\" href=\"#talk-qa\">#<\/a><\/h3>\n+ <p>\n+ <strong>Tom Occhino<\/strong>, <strong>Ben Alpert<\/strong>, <strong>Lee Byron<\/strong>, <strong>Christopher Chedeau<\/strong>, <strong>Sebastian Markbåge<\/strong>, <strong>Jing Chen<\/strong>, and <strong>Dan Schafer<\/strong> closed the conference with a Q&A session.\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/EPpkboSKvPI\" frameborder=\"0\" allowfullscreen><\/iframe>\n+ <\/div>\n+<\/div>\n+\n+## Reactions\n+\n+The conference is over, but the conversation has just begun.\n+\n+Mihai Parparita detailed his efforts to [hack his way to a React.js Conf ticket](http:\/\/blog.persistent.info\/2014\/12\/html-munging-my-way-to-reactjs-conf.html); James Long blogged about [his first encounter with React Native](http:\/\/jlongster.com\/First-Impressions-using-React-Native); Eric Florenzano talked about how he perceives the [impact of Relay, GraphQL, and React Native](https:\/\/medium.com\/@ericflo\/facebook-just-taught-us-all-how-to-build-websites-51f1e7e996f2) on software development; Margaret Staples blogged about her experience of [being on-campus at Facebook HQ](http:\/\/deadlugosi.blogspot.com\/2015\/02\/facebook-gave-me-ice-cream.html); Jeff Barczewski tied his experience of attending the conference up with a bow in this [blog post filled with photos, videos, and links](http:\/\/codewinds.com\/blog\/2015-02-04-reactjs-conf.html); Kevin Old left us with [his takeaways](http:\/\/kevinold.com\/2015\/01\/31\/takeaways-from-reactjs-conf-2015.html); Paul Wittmann found React Native [freshly on his radar](http:\/\/www.railslove.com\/stories\/fresh-on-our-radar-react-native); and finally, undeterred by not being able to attend the conference in person, Justin Ball [summarized it from afar](http:\/\/www.justinball.com\/2015\/02\/03\/i-didn't-attend-react.js-conf\/).\n+\n+And, in case you missed a session, you can borrow Michael Chan’s [drawings](http:\/\/chantastic.io\/2015-reactjs-conf\/), Mihai Parparita’s [summary](https:\/\/quip.com\/uJQeABv7nkFN), or Shaohua Zhou’s [day 1](http:\/\/getshao.com\/2015\/01\/29\/react-js-conf-notes-day1\/) \/ [day 2](http:\/\/getshao.com\/2015\/01\/29\/react-js-conf-notes-day-2\/) notes.\n+\n+<div class=\"skinny-row\">\n+ <div class=\"skinny-col\">\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>Notes from <a href=\"https:\/\/twitter.com\/dlschafer\">@dlschafer<\/a> and <a href=\"https:\/\/twitter.com\/jingc\">@jingc<\/a>'s <a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a> talk "Data fetching for React applications at Facebook" <a href=\"http:\/\/t.co\/IUZUbDCDMQ\">pic.twitter.com\/IUZUbDCDMQ<\/a><\/p>— Michael Chan (@chantastic) <a href=\"https:\/\/twitter.com\/chantastic\/status\/560538533161472000\">January 28, 2015<\/a><\/blockquote>\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>This is just magical (in the good way)… GraphQL + Relay is amazing. <a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a><\/p>— Chris Williams (@voodootikigod) <a href=\"https:\/\/twitter.com\/voodootikigod\/status\/560533225395589120\">January 28, 2015<\/a><\/blockquote>\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>These… these are my people. :) <a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a><\/p>— Thomas Beirne (@Beirnet) <a href=\"https:\/\/twitter.com\/Beirnet\/status\/560317879501848576\">January 28, 2015<\/a><\/blockquote>\n+ <\/div>\n+ <div class=\"skinny-col\">\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>Humbled by the React team and community. Found <a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a> very mindful, practical and just real.<\/p>— xnoɹǝʃ uɐıɹq (@brianleroux) <a href=\"https:\/\/twitter.com\/brianleroux\/status\/560972130112655360\">January 30, 2015<\/a><\/blockquote>\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>I say with confidence as a former UIKit author: React's model for the UI layer is vastly better than UIKit's. React Native is a huge deal.<\/p>— Andy Matuschak (@andy_matuschak) <a href=\"https:\/\/twitter.com\/andy_matuschak\/status\/560511204867575808\">January 28, 2015<\/a><\/blockquote>\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p><a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a> was incredible. Amazing project stewardship and community. Boring prediction, React Native sends adoption vertical in 2015.<\/p>— David Nolen (@swannodette) <a href=\"https:\/\/twitter.com\/swannodette\/status\/561232290273980416\">January 30, 2015<\/a><\/blockquote>\n+ <blockquote class=\"twitter-tweet\" lang=\"en\"><p>I really love the community shout outs by <a href=\"https:\/\/twitter.com\/Vjeux\">@vjeux<\/a> between talks at <a href=\"https:\/\/twitter.com\/hashtag\/reactjsconf?src=hash\">#reactjsconf<\/a>!<\/p>— Andrew Rota (@AndrewRota) <a href=\"https:\/\/twitter.com\/AndrewRota\/status\/560927339522297856\">January 29, 2015<\/a><\/blockquote>\n+ <\/div>\n+<\/div>\n+<script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n+\n+All proceeds from React.js Conf 2015 were donated to the wonderful programs at [code.org](http:\/\/code.org). These programs aim to increase access to the field of computer science by underrepresented members of our community. Watch this video to learn more.\n+\n+<iframe width=\"305\" height=\"171\" src=\"https:\/\/www.youtube.com\/embed\/FC5FbmsH4fw\" frameborder=\"0\" allowfullscreen><\/iframe>\n","body":"(cherry picked from commit 233980826cb36244dbcd6de0f9bb9f0a3fcae1ac)","commit":{"subject":"Added special edition round-up for React.js Conf 2015","revision":"85a6462062b305e2447156bf37ef3550b97b5be7","authorEmail":"github@steveluscher.com","authoredAt":"2015-02-16T15:20:12-08:00","shortRevision":"85a6462062","authorName":"Steven Luscher"},"parents":["5499321d6303c58cf8ca49865cb9784e87e3b027"],"files":[{"path":"docs\/_posts\/2015-02-18-react-conf-roundup-2015.md","status":"A"}]}</article></body></html>

dillon1000/react

Files changed