{"body":"","patch":"diff --git a\/docs\/_posts\/2014-01-06-community-roundup-14.md b\/docs\/_posts\/2014-01-06-community-roundup-14.md\nindex 41b6426b83..cd0df07b10 100644\n--- a\/docs\/_posts\/2014-01-06-community-roundup-14.md\n+++ b\/docs\/_posts\/2014-01-06-community-roundup-14.md\n@@ -89,4 +89,4 @@ React is often compared with Angular. [Pete Hunt](http:\/\/skulbuny.com\/2013\/10\/31\n \n ## Random Tweet\n \n-

Really intrigued by React.js. I've looked at all JS frameworks, and excepting @serenadejs<\/a> this is the first one which makes sense to me.<\/p>— Jonas Nicklas (@jonicklas) December 16, 2013<\/a><\/blockquote><\/figure>\n+
Really intrigued by React.js. I've looked at all JS frameworks, and excepting @serenadejs<\/a> this is the first one which makes sense to me.<\/p>— Jonas Nicklas (@jonicklas) December 16, 2013<\/a><\/blockquote><\/center>\ndiff --git a\/docs\/_posts\/2014-02-05-community-roundup-15.md b\/docs\/_posts\/2014-02-05-community-roundup-15.md\nnew file mode 100644\nindex 0000000000..e2a7371d45\n--- \/dev\/null\n+++ b\/docs\/_posts\/2014-02-05-community-roundup-15.md\n@@ -0,0 +1,126 @@\n+---\n+title: \"Community Round-up #15\"\n+layout: post\n+author: Jonas Gebhardt\n+---\n+\n+Interest in React seems to have surged ever since David Nolen ([@swannodette](https:\/\/twitter.com\/swannodette))'s introduction of [Om](https:\/\/github.com\/swannodette\/om) in his post [\"The Future of Javascript MVC Frameworks\"](http:\/\/swannodette.github.io\/2013\/12\/17\/the-future-of-javascript-mvcs\/).\n+\n+In this React Community Round-up, we are taking a closer look at React from a functional programming perspective.\n+\n+## \"React: Another Level of Indirection\"\n+To start things off, Eric Normand ([@ericnormand](https:\/\/twitter.com\/ericnormand)) of [LispCast](http:\/\/lispcast.com) makes the case for [React from a general functional programming standpoint](http:\/\/www.lispcast.com\/react-another-level-of-indirection) and explains how React's \"Virtual DOM provides the last piece of the Web Frontend Puzzle for ClojureScript\".\n+\n+> The Virtual DOM is an indirection mechanism that solves the difficult problem of DOM programming: how to deal with incremental changes to a stateful tree structure. By abstracting away the statefulness, the Virtual DOM turns the real DOM into an immediate mode GUI, which is perfect for functional programming.\n+>\n+> [Read the full post...](http:\/\/www.lispcast.com\/react-another-level-of-indirection)\n+\n+## Reagent: Minimalistic React for ClojureScript\n+Dan Holmsand ([@holmsand](https:\/\/twitter.com\/holmsand)) created [Reagent](http:\/\/holmsand.github.io\/reagent\/), a simplistic ClojureScript API to React.\n+\n+> It allows you to define efficient React components using nothing but plain ClojureScript functions and data, that describe your UI using a Hiccup-like syntax.\n+>\n+> The goal of Reagent is to make it possible to define arbitrarily complex UIs using just a couple of basic concepts, and to be fast enough by default that you rarely have to care about performance.\n+>\n+> [Check it out on Github...](http:\/\/holmsand.github.io\/reagent\/)\n+\n+\n+## Functional DOM programming\n+\n+React's one-way data-binding naturally lends itself to a functional programming approach. Facebook's Pete Hunt ([@floydophone](https:\/\/twitter.com\/floydophone)) explores how one would go about [writing web apps in a functional manner](https:\/\/medium.com\/p\/67d81637d43). Spoiler alert:\n+\n+> This is React. It’s not about templates, or data binding, or DOM manipulation. It’s about using functional programming with a virtual DOM representation to build ambitious, high-performance apps with JavaScript.\n+>\n+> [Read the full post...](https:\/\/medium.com\/p\/67d81637d43)\n+\n+Pete also explains this in detail at his #MeteorDevShop talk (about 30 Minutes):\n+\n+<\/iframe>\n+\n+\n+\n+## Kioo: Separating markup and logic\n+[Creighton Kirkendall](https:\/\/github.com\/ckirkendall) created [Kioo](https:\/\/github.com\/ckirkendall\/kioo), which adds Enlive-style templating to React. HTML templates are separated from the application logic. Kioo comes with separate examples for both Om and Reagent.\n+\n+A basic example from github:\n+\n+```html\n+<!DOCTYPE html>\n+<html lang=\"en\">\n+ <body>\n+ <header>\n+ <h1>Header placeholder<\/h1>\n+ <ul id=\"navigation\">\n+ <li class=\"nav-item\"><a href=\"#\">Placeholder<\/a><\/li>\n+ <\/ul>\n+ <\/header>\n+ <div class=\"content\">place holder<\/div>\n+ <\/body>\n+<\/html>\n+```\n+\n+```clojure\n+...\n+\n+(defn my-nav-item [[caption func]]\n+ (kioo\/component \"main.html\" [:.nav-item]\n+ {[:a] (do-> (content caption)\n+ (set-attr :onClick func))}))\n+\n+(defn my-header [heading nav-elms]\n+ (kioo\/component \"main.html\" [:header]\n+ {[:h1] (content heading)\n+ [:ul] (content (map my-nav-item nav-elms))}))\n+\n+(defn my-page [data]\n+ (kioo\/component \"main.html\"\n+ {[:header] (substitute (my-header (:heading data)\n+ (:navigation data)))\n+ [:.content] (content (:content data))}))\n+\n+(def app-state (atom {:heading \"main\"\n+ :content \"Hello World\"\n+ :navigation [[\"home\" #(js\/alert %)]\n+ [\"next\" #(js\/alert %)]]}))\n+\n+(om\/root app-state my-page (.-body js\/document))\n+```\n+\n+## Om\n+\n+In an interview with David Nolen, Tom Coupland ([@tcoupland](https:\/\/twitter.com\/tcoupland)) of InfoQ provides a nice summary of recent developments around Om (\"[Om: Enhancing Facebook's React with Immutability](http:\/\/www.infoq.com\/news\/2014\/01\/om-react)\").\n+\n+> David [Nolen]: I think people are starting to see the limitations of just JavaScript and jQuery and even more structured solutions like Backbone, Angular, Ember, etc. React is a fresh approach to the DOM problem that seems obvious in hindsight.\n+>\n+> [Read the full interview...](http:\/\/www.infoq.com\/news\/2014\/01\/om-react)\n+\n+### A slice of React, ClojureScript and Om\n+\n+Fredrik Dyrkell ([@lexicallyscoped](https:\/\/twitter.com\/lexicallyscoped)) rewrote part of the [React tutorial in both ClojureScript and Om](http:\/\/www.lexicallyscoped.com\/2013\/12\/25\/slice-of-reactjs-and-cljs.html), along with short, helpful explanations.\n+\n+> React has sparked a lot of interest in the Clojure community lately [...]. At the very core, React lets you build up your DOM representation in a functional fashion by composing pure functions and you have a simple building block for everything: React components.\n+>\n+> [Read the full post...](http:\/\/www.lexicallyscoped.com\/2013\/12\/25\/slice-of-reactjs-and-cljs.html)\n+\n+In a separate post, Dyrkell breaks down [how to build a binary clock component](http:\/\/www.lexicallyscoped.com\/2014\/01\/23\/ClojureScript-react-om-binary-clock.html) in Om.\n+\n+[[Demo](http:\/\/www.lexicallyscoped.com\/demo\/binclock\/)] [[Code](https:\/\/github.com\/fredyr\/binclock\/blob\/master\/src\/binclock\/core.cljs)]\n+\n+### Time Travel: Implementing undo in Om\n+David Nolen shows how to leverage immutable data structures to [add global undo](http:\/\/swannodette.github.io\/2013\/12\/31\/time-travel\/) functionality to an app – using just 13 lines of ClojureScript.\n+\n+### A Step-by-Step Om Walkthrough\n+\n+[Josh Lehman](http:\/\/www.joshlehman.me) took the time to create an extensive [step-by-step walkthrough](http:\/\/www.joshlehman.me\/rewriting-the-react-tutorial-in-om\/) of the React tutorial in Om. The well-documented source is on [github](https:\/\/github.com\/jalehman\/omtut-starter).\n+\n+### Omkara\n+\n+[brendanyounger](https:\/\/github.com\/brendanyounger) created [omkara](https:\/\/github.com\/brendanyounger\/omkara), a starting point for ClojureScript web apps based on Om\/React. It aims to take advantage of server-side rendering and comes with a few tips on getting started with Om\/React projects.\n+\n+### Om Experience Report\n+Adam Solove ([@asolove](https:\/\/twitter.com\/asolove\/)) [dives a little deeper into Om, React and ClojureScript](http:\/\/adamsolove.com\/js\/clojure\/2014\/01\/06\/om-experience-report.html). He shares some helpful tips he gathered while building his [CartoCrayon](https:\/\/github.com\/asolove\/carto-crayon) prototype.\n+\n+## Not-so-random Tweet\n+\n+\n+<center><blockquote class=\"twitter-tweet\" lang=\"en\"><p>[@swannodette](https:\/\/twitter.com\/swannodette) No thank you! It's honestly a bit weird because Om is exactly what I didn't know I wanted for doing functional UI work.<\/p>— Adam Solove (@asolove) <a href=\"https:\/\/twitter.com\/asolove\/status\/420294067637858304\">January 6, 2014<\/a><\/blockquote><\/center>\n\\ No newline at end of file\n","files":[{"status":"M","path":"docs\/_posts\/2014-01-06-community-roundup-14.md"},{"status":"A","path":"docs\/_posts\/2014-02-05-community-roundup-15.md"}],"parents":["7ad28183b46761071793b78b12d654272afc0cca"],"commit":{"authorName":"Jonas Gebhardt","revision":"2f812b6f9bebce64fd10938a63985be5cf60b56a","shortRevision":"2f812b6f9b","subject":"Community Round-Up #15; center embedded tweets","authorEmail":"jonas@instagram.com","authoredAt":"2014-02-05T15:19:53-08:00"}}</article></body></html>

dillon1000/react

Files changed