{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2014/06/27/community-roundup-19.html","result":{"data":{"markdownRemark":{"html":"<h2 id=\"react-meetups\"><a href=\"#react-meetups\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>React Meetups! </h2>\n<p>Ever wanted to find developers who also share the same interest in React than you? Recently, there has been a React Meetup in <a href=\"http://www.meetup.com/ReactJS-San-Francisco/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">San Francisco</a> (courtesy of <a href=\"http://www.telmate.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Telmate</a>), and one in <a href=\"http://www.meetup.com/London-React-User-Group/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">London</a> (courtesy of <a href=\"http://www.meetup.com/London-React-User-Group/members/105837542/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Stuart Harris</a>, <a href=\"http://www.meetup.com/London-React-User-Group/members/15509971/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Cain Ullah</a> and <a href=\"http://www.meetup.com/London-React-User-Group/members/137058242/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Zoe Merchant</a>). These two events have been big successes; a second one in London is <a href=\"http://www.meetup.com/London-React-User-Group/events/191406572/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">already planned</a>.</p>\n<p>If you don’t live near San Francisco or London, why not start one in your community?</p>\n<h2 id=\"complementary-tools\"><a href=\"#complementary-tools\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Complementary Tools </h2>\n<p>In case you haven’t seen it, we’ve consolidated the tooling solution around React on <a href=\"https://github.com/facebook/react/wiki/Complementary-Tools\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">this wiki page</a>. Some of the notable recent entries include:</p>\n<ul>\n<li><a href=\"https://github.com/rpflorence\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Ryan Florence</a> and <a href=\"https://github.com/mjackson\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Michael Jackson</a>’s <a href=\"https://github.com/rpflorence/react-nested-router\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-nested-router</a>, which is a translation of the Ember router API to React.</li>\n<li><a href=\"https://github.com/stevoland\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Stephen J. Collings</a>’s <a href=\"https://github.com/react-bootstrap/react-bootstrap\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-bootstrap</a>, which wraps the popular framework with a bit of React goodness. The <a href=\"https://react-bootstrap.github.io/components.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">website</a> features live-editable demos.</li>\n<li><a href=\"https://github.com/andreypopp\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Andrey Popp</a>’s <a href=\"https://github.com/andreypopp/react-quickstart\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">react-quickstart</a>, which gives you a quick template for server-side rendering and routing, among other features.</li>\n</ul>\n<p>These are some of the links that often pop up on the #reactjs IRC channel. If you made something that you think deserves to be shown on the wiki, feel free to add it!</p>\n<h2 id=\"react-in-interesting-places\"><a href=\"#react-in-interesting-places\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>React in Interesting Places </h2>\n<p>The core concepts React themselves is something very valuable that the community is exploring and pushing further. A year ago, we wouldn’t have imagined something like <a href=\"http://rigsomelight.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Bruce Hauman</a>’s <a href=\"http://rigsomelight.com/2014/05/01/interactive-programming-flappy-bird-clojurescript.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Flappy Bird ClojureScript port</a>, whose interactive programming has been made possible through React:</p>\n<div class=\"gatsby-resp-iframe-wrapper\" style=\"padding-bottom: 48.46153846153846%; position: relative; height: 0; overflow: hidden; \" > <iframe src=\"//www.youtube-nocookie.com/embed/KZjFVdU8VLI\" frameborder=\"0\" allowfullscreen style=\" position: absolute; top: 0; left: 0; width: 100%; height: 100%; \"></iframe> </div>\n<p>And don’t forget <a href=\"https://github.com/petehunt\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Pete Hunt</a>’s Wolfenstein 3D rendering engine in React (<a href=\"https://github.com/petehunt/wolfenstein3D-react/blob/master/js/renderer.js#L183\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">source code</a>). While it’s nearly a year old, it’s still a nice demo.</p>\n<p><a href=\"http://www.petehunt.net/wolfenstein3D-react/wolf3d.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 650px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 43.333333333333336%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAIAAAC9o5sfAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACMElEQVQozwElAtr9AKKlpaSnqKWpqKisq6uurqywsKuvr6qurq2xsbS4uLG1tby/v+ro5u3r6O/t6u7s6u/t6vDu7O3s6dvZ1wBlZGQ8PT0uLy8vMTAuMC8wMTEuMDAvMDAvMTEtLzArKyg0Q0pghMtlh895ltV4ltV4ltV7mNZxktaUrNsAgX9/eHh4YF9gPT0+QkFBNjY4Ozk5Ozs7MjIyQEFBPjs6QlNVgKPlhKXolK3nkarkj6nmiaTlhKPmpbvmAHFvb3p7eXt3f0luL0FvIUhESlNLSkVGRiwtK0Q/SEVkLVOGQvz4/////+7q9Onk8Onl8Ojj8Pbz+f38+QB7eXl3d3dvbnFWZklWaEZDRUc7OzsuLy81NTREQkZPXENkfWXm5+zx8fLe3ebf3ebl5u/j5O/t7/fz9PUAeHZ3bGtsZmZrcm5dcGxIW11dd3ZlX15WS0pMSEhMY15Rgopu5Nzh6eHj6+vq6enp6+PZ9ejZ9uvf7ermAGVnXGNmW29xaHJ2aXN0a4d2ZYOAbnp9cnJ0a3Z5cHV3bW59cvPn6e3l5vj5+fr5+tjHnsG9jdTHlOnaxgArM4IuN4YwOIQrN4pXUWBtXGI8RZA4QYkzPIYcJW8UHGE5S3Pt6uXr5ujr6+z39vfdz6O+wpDQyZXw4s4AGhuFAAFxGhx/DhSBSDtUVUphMzuZHyOEGByAAAFtAABPJjJi2dvV4+Lk4+Hi5ufo8OHO2s3C2c7C39fM6osoj+FSYwIAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n    >\n      <img\n        class=\"gatsby-resp-image-image\"\n        style=\"width: 100%; height: 100%; margin: 0; vertical-align: middle; position: absolute; top: 0; left: 0; box-shadow: inset 0px 0px 0px 400px white;\"\n        alt=\"wolfenstein react\"\n        title=\"\"\n        src=\"/static/a1e0d13a915d083c08c19c77b39a64de/a6d36/wolfenstein_react.png\"\n        srcset=\"/static/a1e0d13a915d083c08c19c77b39a64de/65ed1/wolfenstein_react.png 210w,\n/static/a1e0d13a915d083c08c19c77b39a64de/d10fb/wolfenstein_react.png 420w,\n/static/a1e0d13a915d083c08c19c77b39a64de/a6d36/wolfenstein_react.png 650w\"\n        sizes=\"(max-width: 650px) 100vw, 650px\"\n      />\n    </span>\n  </span>\n  </a></p>\n<p>Give us a shoutout on IRC or <a href=\"https://groups.google.com/forum/#!forum/reactjs\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">React Google Groups</a> if you’ve used React in some Interesting places.</p>\n<h2 id=\"even-more-people-using-react\"><a href=\"#even-more-people-using-react\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Even More People Using React </h2>\n<h3 id=\"prismatic\"><a href=\"#prismatic\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Prismatic </h3>\n<p><a href=\"http://getprismatic.com/home\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Prismatic</a> recently shrank their codebase fivefold with the help of React and its popular ClojureScript wrapper, <a href=\"https://github.com/swannodette/om\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Om</a>. They detailed their very positive experience <a href=\"http://blog.getprismatic.com/om-sweet-om-high-functional-frontend-engineering-with-clojurescript-and-react/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">here</a>.</p>\n<blockquote>\n<p>Finally, the state is normalized: each piece of information is represented in a single place. Since React ensures consistency between the DOM and the application data, the programmer can focus on ensuring that the state properly stays up to date in response to user input. If the application state is normalized, then this consistency is guaranteed by definition, completely avoiding the possibility of an entire class of common bugs.</p>\n</blockquote>\n<h3 id=\"adobe-brackets\"><a href=\"#adobe-brackets\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Adobe Brackets </h3>\n<p><a href=\"http://www.kevindangoor.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Kevin Dangoor</a> works on <a href=\"http://brackets.io/?lang=en\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Brackets</a>, the open-source code editor. After writing <a href=\"http://www.kevindangoor.com/2014/05/simplifying-code-with-react/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">his first impression on React</a>, he followed up with another insightful <a href=\"http://www.kevindangoor.com/2014/05/react-in-brackets/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">article</a> on how to gradually make the code transition, how to preserve the editor’s good parts, and how to tune Brackets’ tooling around JSX.</p>\n<blockquote>\n<p>We don’t need to switch to React everywhere, all at once. It’s not a framework that imposes anything on the application structure. […] Easy, iterative adoption is definitely something in React’s favor for us.</p>\n</blockquote>\n<h3 id=\"storehouse\"><a href=\"#storehouse\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Storehouse </h3>\n<p><a href=\"https://www.storehouse.co\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Storehouse</a> (Apple Design Award 2014)‘s web presence is build with React. Here’s <a href=\"https://www.storehouse.co/stories/y2ad-mexico-city-clouds\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">an example story</a>. Congratulations on the award!</p>\n<h3 id=\"vim-awesome\"><a href=\"#vim-awesome\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Vim Awesome </h3>\n<p><a href=\"http://vimawesome.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Vim Awesome</a>, an open-source Vim plugins directory built on React, was just launched. Be sure to <a href=\"https://github.com/divad12/vim-awesome\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">check out the source code</a> if you’re curious to see an example of how to build a small single-page React app.</p>\n<h2 id=\"random-tweets\"><a href=\"#random-tweets\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Random Tweets </h2>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>Spent 12 hours so far with <a href=\"https://twitter.com/hashtag/reactjs?src=hash\">#reactjs</a>. Spent another 2 wondering why we&#39;ve been doing JS frameworks wrong until now. React makes me happy.</p>&mdash; Paul Irwin (@paulirwin) <a href=\"https://twitter.com/paulirwin/statuses/481263947589242882\">June 24, 2014</a></blockquote>","excerpt":"React Meetups!  Ever wanted to find developers who also share the same interest in React than you? Recently, there has been a React Meetup in San Francisco (courtesy of Telmate), and one in London (courtesy of Stuart Harris, Cain Ullah and Zoe Merchant). These two events have been big successes; a second one in London is already planned. If you don’t live near San Francisco or London, why not start one in your community? Complementary Tools  In case you haven’t seen it, we’ve consolidated the…","frontmatter":{"title":"Community Round-up #19","next":null,"prev":null,"author":[{"frontmatter":{"name":"Cheng Lou","url":"https://twitter.com/_chenglou"}}]},"fields":{"date":"June 27, 2014","path":"content/blog/2014-06-27-community-roundup-19.md","slug":"/blog/2014/06/27/community-roundup-19.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/2014/06/27/community-roundup-19.html"}},"staticQueryHashes":[]}