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

It’s been three months since we open sourced React and it is going well. Some stats so far:

\n\n

Wolfenstein Rendering Engine Ported to React

\n

Pete Hunt ported the render code of the web version of Wolfenstein 3D to React. Check out the demo and render.js file for the implementation.

\n
\n \n \n \"wolfenstein\n \n \n
\n

React & Meteor

\n

Ben Newman made a 13-lines wrapper to use React and Meteor together. Meteor handles the real-time data synchronization between client and server. React provides the declarative way to write the interface and only updates the parts of the UI that changed.

\n
\n

This repository defines a Meteor package that automatically integrates the React rendering framework on both the client and the server, to complement or replace the default Handlebars templating system.

\n

The React core is officially agnostic about how you fetch and update your data, so it is far from obvious which approach is the best. This package provides one answer to that question (use Meteor!), and I hope you will find it a compelling combination.

\n
var MyComponent = React.createClass({\n mixins: [MeteorMixin],\n\n getMeteorState: function() {\n   return { foo: Session.get('foo') };\n },\n\n render: function() {\n   return <div>{this.state.foo}</div>;\n }\n});
\n

Dependencies will be registered for any data accesses performed by getMeteorState so that the component can be automatically re-rendered whenever the data changes.

\n

Read more …

\n
\n

React Page

\n

Jordan Walke implemented a complete React project creator called react-page. It supports both server-side and client-side rendering, source transform and packaging JSX files using CommonJS modules, and instant reload.

\n
\n

Easy Application Development with React JavaScript

\n
\n \n \n \"react\n \n \n
\n

Why Server Rendering?

\n\n

How Does Server Rendering Work?

\n\n

Try it out …

\n
","excerpt":"It’s been three months since we open sourced React and it is going well. Some stats so far: 114 285 unique visitors on this website 1933 stars and 210 forks 226 posts on Google Group 76 GitHub projects using React 30 contributors 15 blog posts 2 early adopters: Khan Academy and Propeller Wolfenstein Rendering Engine Ported to React Pete Hunt ported the render code of the web version of Wolfenstein 3D to React. Check out the demo and render.js file for the implementation. React & Meteor Ben…","frontmatter":{"title":"Community Round-up #7","next":null,"prev":null,"author":[{"frontmatter":{"name":"Vjeux","url":"https://twitter.com/vjeux"}}]},"fields":{"date":"August 26, 2013","path":"content/blog/2013-08-26-community-roundup-7.md","slug":"/blog/2013/08/26/community-roundup-7.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/26/community-roundup-7.html"}},"staticQueryHashes":[]}