{"parents":["308c9a07524057c7d3b0ed5a1fcf9ae7656668c0"],"patch":"diff --git a\/docs\/_posts\/2014-03-14-community-roundup-18.md b\/docs\/_posts\/2014-03-14-community-roundup-18.md\nnew file mode 100644\nindex 0000000000..ef08539ee3\n--- \/dev\/null\n+++ b\/docs\/_posts\/2014-03-14-community-roundup-18.md\n@@ -0,0 +1,106 @@\n+---\n+title: \"Community Round-up #18\"\n+layout: post\n+author: Jonas Gebhardt\n+---\n+\n+In this Round-up, we are taking a few closer looks at React's interplay with different frameworks and architectures.\n+\n+## \"Little framework BIG splash\"\n+\n+Let's start with yet another refreshing introduction to React: Craig Savolainen ([@maedhr](https:\/\/twitter.com\/maedhr)) walks through some first steps, demonstrating [how to build a Google Maps component](http:\/\/infinitemonkeys.influitive.com\/little-framework-big-splash) using React.\n+\n+## Architecting your app with react\n+\n+Brandon Konkle ([@bkonkle](https:\/\/twitter.com\/bkonkle))\n+[Architecting your app with react](http:\/\/lincolnloop.com\/blog\/architecting-your-app-react-part-1\/)\n+We're looking forward to part 2!\n+\n+> React is not a full MVC framework, and this is actually one of its strengths. Many who adopt React choose to do so alongside their favorite MVC framework, like Backbone. React has no opinions about routing or syncing data, so you can easily use your favorite tools to handle those aspects of your frontend application. You'll often see React used to manage specific parts of an application's UI and not others. React really shines, however, when you fully embrace its strategies and make it the core of your application's interface.\n+>\n+> [Read the full article...](http:\/\/lincolnloop.com\/blog\/architecting-your-app-react-part-1\/)\n+\n+## React vs. async DOM manipulation\n+\n+Eliseu Monar ([@eliseumds](https:\/\/twitter.com\/eliseumds))'s post \"[ReactJS vs async concurrent rendering](http:\/\/eliseu.tk\/post\/77843550010\/vitalbox-pchr-reactjs-vs-async-concurrent-rendering)\" is a great example of how React quite literally renders a whole array of common web development work(arounds) obsolete.\n+\n+\n+\n+## React, Scala and the Play Framework\n+[Matthias Nehlsen](http:\/\/matthiasnehlsen.com\/) wrote a detailed introductory piece on [React and the Play Framework](http:\/\/matthiasnehlsen.com\/blog\/2014\/01\/05\/play-framework-and-facebooks-react-library\/), including a helpful architectural diagram of a typical React app.\n+\n+Nehlsen's React frontend is the second implementation of his chat application's frontend, following an AngularJS version. Both implementations are functionally equivalent and offer some perspective on differences between the two frameworks.\n+\n+In [another article](http:\/\/matthiasnehlsen.com\/blog\/2014\/01\/24\/scala-dot-js-and-reactjs\/), he walks us through the process of using React with scala.js to implement app-wide undo functionality.\n+\n+Also check out his [talk](http:\/\/m.ustream.tv\/recorded\/42780242) at Ping Conference 2014, in which he walks through a lot of the previously content in great detail.\n+\n+## React and Backbone\n+\n+The folks over at [Venmo](https:\/\/venmo.com\/) are using React in conjunction with Backbone.\n+Thomas Boyt ([@thomasaboyt](https:\/\/twitter.com\/thomasaboyt)) wrote [this detailed piece](http:\/\/www.thomasboyt.com\/2013\/12\/17\/using-reactjs-as-a-backbone-view.html) about why React and Backbone are \"a fantastic pairing\".\n+\n+## React vs. Ember\n+\n+Eric Berry ([@coderberry](https:\/\/twitter.com\/coderberry)) developed Ember equivalents for some of the official React examples. Read his post for a side-by-side comparison of the respective implementations: [\"Facebook React vs. Ember\"](http:\/\/instructure.github.io\/blog\/2013\/12\/17\/facebook-react-vs-ember\/).\n+\n+\n+## React and plain old HTML\n+\n+Daniel Lo Nigro ([@Daniel15](https:\/\/twitter.com\/Daniel15)) created [React-Magic](https:\/\/github.com\/reactjs\/react-magic), which leverages React to ajaxify plain old html pages and even [allows CSS transitions between pageloads](http:\/\/stuff.dan.cx\/facebook\/react-hacks\/magic\/red.php).\n+\n+> React-Magic intercepts all navigation (link clicks and form posts) and loads the requested page via an AJAX request. React is then used to \"diff\" the old HTML with the new HTML, and only update the parts of the DOM that have been changed.\n+>\n+> [Check out the project on GitHub...](https:\/\/github.com\/reactjs\/react-magic)\n+\n+On a related note, [Reactize](https:\/\/turbo-react.herokuapp.com\/) by Ross Allen ([@ssorallen](https:\/\/twitter.com\/ssorallen)) is a similarly awesome project: A wrapper for Rails' [Turbolinks](https:\/\/github.com\/rails\/turbolinks\/), which seems to have inspired John Lynch ([@johnrlynch](https:\/\/twitter.com\/johnrlynch)) to then create [a server-rendered version using the JSX transformer in Rails middleware](http:\/\/www.rigelgroupllc.com\/blog\/2014\/01\/12\/react-jsx-transformer-in-rails-middleware\/).\n+\n+## React and Object.observe\n+Check out [François de Campredon](https:\/\/github.com\/fdecampredon)'s implementation of [TodoMVC based on React and ES6's Object.observe](https:\/\/github.com\/fdecampredon\/react-observe-todomvc\/).\n+\n+\n+## React and Angular\n+\n+Ian Bicking ([@ianbicking](https:\/\/twitter.com\/ianbicking)) of Mozilla Labs [explains why he \"decided to go with React instead of Angular.js\"](https:\/\/plus.google.com\/+IanBicking\/posts\/Qj8R5SWAsfE).\n+\n+### ng-React Update\n+\n+[David Chang](https:\/\/github.com\/davidchang) works through some performance improvements of his [ngReact](https:\/\/github.com\/davidchang\/ngReact) project. His post [\"ng-React Update - React 0.9 and Angular Track By\"](http:\/\/davidandsuzi.com\/ngreact-update\/) includes some helpful advice on boosting render performance for Angular components.\n+\n+> Angular gives you a ton of functionality out of the box - a full MV* framework - and I am a big fan, but I'll admit that you need to know how to twist the right knobs to get performance.\n+>\n+> That said, React gives you a very strong view component out of the box with the performance baked right in. Try as I did, I couldn't actually get it any faster. So pretty impressive stuff.\n+>\n+>[Read the full post...](http:\/\/davidandsuzi.com\/ngreact-update\/)\n+\n+\n+React was also recently mentioned at ng-conf, where the Angular team commented on React's concept of the virtual DOM:\n+\n+

dillon1000/react

Files changed