![](\"/815dd214138d96c3144488df6f6e6c69/gpu-cursor-move.gif\")
It’s an exciting time for React as there are now more commits from open source contributors than from Facebook engineers! Keep up the good work :)
\nAtom, GitHub’s code editor, is now using React to build the editing experience. They made the move in order to improve performance. By default, React helped them eliminate unnecessary reflows, enabling them to focus on architecting the rendering pipeline in order to minimize repaints by using hardware acceleration. This is a testament to the fact that React’s architecture is perfect for high performant applications.
\n
At the last JSConf.us, Vjeux talked about the design decisions made in the API that allows it to scale to a large number of developers. If you don’t have 20 minutes, take a look at the annotated slides.
\nOne of the best features of React is that it provides the foundations to implement concepts that were otherwise extremely difficult, like server-side rendering, undo-redo, rendering to non-DOM environments like canvas… Dan Abramov got hot code reloading working with webpack in order to live edit a React project!
\n\nThere are a couple of React-related projects that recently appeared on Yahoo’s GitHub, the first one being an internationalization mixin. It’s great to see them getting excited about React and contributing back to the community.
\nvar MyComponent = React.createClass({\n mixins: [ReactIntlMixin],\n render: function() {\n return (\n <div>\n <p>{this.intlDate(1390518044403, { hour: 'numeric', minute: 'numeric' })}</p>\n <p>{this.intlNumber(400, { style: 'percent' })}</p>\n </div>\n );\n }\n});\n\nReact.renderComponent(\n <MyComponent locales={['fr-FR']} />,\n document.getElementById('example')\n);Josephine Hall, working at Icelab, used React to write a mobile-focused application. She wrote a blog post “Thinking and Learning React.js” to share her experience with elements they had to use. You’ll learn about routing, event dispatch, touchable components, and basic animations.
\nIf you missed the last London React Meetup, the video is available, with lots of great content.
\nIn related news, the next React SF Meetup will be from Prezi: “Immediate Mode on the Web: How We Implemented the Prezi Viewer in JavaScript”. While not in React, their tech is really awesome and shares a lot of React’s design principles and perf optimizations.
\nOne of the strengths of React is that it plays nicely with other libraries. Jim Cowart proved it by writing a tutorial that explains how to write React component adapters for KendoUI.
\n![\"kendoui\"](\"/static/f224061339f4e67b1a4db564e45f0361/544ba/kendoui.png\")
\n \n \n Ingvar Stepanyan extended the Acorn JavaScript parser to support JSX. The result is a JSX parser that’s 1.5–2.0x faster than the official JSX implementation. It is an experiment and is not meant to be used for serious things, but it’s always a good thing to get competition on performance!
\nYariv Sadan created ReactScriptLoader to make it easier to write components that require an external script.
\nvar Foo = React.createClass({\n mixins: [ReactScriptLoaderMixin],\n getScriptURL: function() {\n return 'http://d3js.org/d3.v3.min.js';\n },\n getInitialState: function() {\n return { scriptLoading: true, scriptLoadError: false };\n },\n onScriptLoaded: function() {\n this.setState({scriptLoading: false});\n },\n onScriptError: function() {\n this.setState({scriptLoading: false, scriptLoadError: true});\n },\n render: function() {\n var message =\n this.state.scriptLoading ? 'Loading script...' :\n this.state.scriptLoadError ? 'Loading failed' :\n 'Loading succeeded';\n return <span>{message}</span>;\n }\n});“@apphacker: I take back the mean things I said about @reactjs I actually like it.” Summarizing the life of ReactJS in a single tweet.
— Jordan (@jordwalke) July 20, 2014