{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2013/08/05/community-roundup-6.html","result":{"data":{"markdownRemark":{"html":"

This is the first Community Round-up where none of the items are from Facebook/Instagram employees. It’s great to see the adoption of React growing.

\n

React Game Tutorial

\n

Caleb Cassel wrote a step-by-step tutorial about making a small game. It covers JSX, State and Events, Embedded Components and Integration with Backbone.

\n
\n \n \n \"dog\n \n \n
\n

Reactify

\n

Andrey Popp created a Browserify helper to compile JSX files.

\n
\n

Browserify v2 transform for text/jsx. Basic usage is:

\n
% browserify -t reactify main.jsx
\n

reactify transform activates for files with either .jsx extension or /** @jsx React.DOM */ pragma as a first line for any .js file.

\n

Check it out on GitHub…

\n
\n

React Integration with Este

\n

Daniel Steigerwald is now using React within Este, which is a development stack for web apps in CoffeeScript that are statically typed using the Closure Library.

\n
este.demos.react.todoApp = este.react.create (`/** @lends {React.ReactComponent.prototype} */`)\n  render: ->\n    @div [\n      este.demos.react.todoList 'items': @state['items']\n      if @state['items'].length\n        @p \"#{@state['items'].length} items.\"\n      @form 'onSubmit': @onFormSubmit, [\n        @input\n          'onChange': @onChange\n          'value': @state['text']\n          'autoFocus': true\n          'ref': 'textInput'\n        @button \"Add ##{@state['items'].length + 1}\"\n      ]\n    ]
\n

Check it out on GitHub…

\n

React Stylus Boilerplate

\n

Zaim Bakar shared his boilerplate to get started with Stylus CSS processor.

\n
\n

This is my boilerplate React project using Grunt as the build tool, and Stylus as my CSS preprocessor.

\n\n

Check it out on GitHub…

\n
\n

WebFUI

\n

Conrad Barski, author of the popular book Land of Lisp, wants to use React for his ClojureScript library called WebFUI.

\n
\n

I’m the author of ”Land of Lisp” and I love your framework. I built a somewhat similar framework a year ago WebFUI aimed at ClojureScript. My framework also uses global event delegates, a global “render” function, DOM reconciliation, etc just like react.js. (Of course these ideas all have been floating around the ether for ages, always great to see more people building on them.)

\n

Your implementation is more robust, and so I think the next point release of webfui will simply delegate all the “hard work” to react.js and will only focus on the areas where it adds value (enabling purely functional UI programming in clojurescript, and some other stuff related to streamlining event handling)

\n
\n \n \n \"landoflisp\"\n \n \n
\n

Read the full post…

\n
","excerpt":"This is the first Community Round-up where none of the items are from Facebook/Instagram employees. It’s great to see the adoption of React growing. React Game Tutorial Caleb Cassel wrote a step-by-step tutorial about making a small game. It covers JSX, State and Events, Embedded Components and Integration with Backbone. Reactify Andrey Popp created a Browserify helper to compile JSX files. Browserify v2 transform for . Basic usage is: transform activates for files with either extension or…","frontmatter":{"title":"Community Round-up #6","next":null,"prev":null,"author":[{"frontmatter":{"name":"Vjeux","url":"https://twitter.com/vjeux"}}]},"fields":{"date":"August 05, 2013","path":"content/blog/2013-08-05-community-roundup-6.md","slug":"/blog/2013/08/05/community-roundup-6.html"}},"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"title":"Introducing the New JSX Transform"},"fields":{"slug":"/blog/2020/09/22/introducing-the-new-jsx-transform.html"}}},{"node":{"frontmatter":{"title":"React v17.0 Release Candidate: No New Features"},"fields":{"slug":"/blog/2020/08/10/react-v17-rc.html"}}},{"node":{"frontmatter":{"title":"React v16.13.0"},"fields":{"slug":"/blog/2020/02/26/react-v16.13.0.html"}}},{"node":{"frontmatter":{"title":"Building Great User Experiences with Concurrent Mode and Suspense"},"fields":{"slug":"/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html"}}},{"node":{"frontmatter":{"title":"Preparing for the Future with React Prereleases"},"fields":{"slug":"/blog/2019/10/22/react-release-channels.html"}}},{"node":{"frontmatter":{"title":"Introducing the New React DevTools"},"fields":{"slug":"/blog/2019/08/15/new-react-devtools.html"}}},{"node":{"frontmatter":{"title":"React v16.9.0 and the Roadmap Update"},"fields":{"slug":"/blog/2019/08/08/react-v16.9.0.html"}}},{"node":{"frontmatter":{"title":"Is React Translated Yet? ¡Sí! Sim! はい！"},"fields":{"slug":"/blog/2019/02/23/is-react-translated-yet.html"}}},{"node":{"frontmatter":{"title":"React v16.8: The One With Hooks"},"fields":{"slug":"/blog/2019/02/06/react-v16.8.0.html"}}},{"node":{"frontmatter":{"title":"React v16.7: No, This Is Not the One With Hooks"},"fields":{"slug":"/blog/2018/12/19/react-v-16-7.html"}}}]}},"pageContext":{"slug":"/blog/2013/08/05/community-roundup-6.html"}},"staticQueryHashes":[]}