{"componentChunkName":"component---src-templates-blog-js","path":"/blog/2015/03/30/community-roundup-26.html","result":{"data":{"markdownRemark":{"html":"<p>We open sourced React Native last week and the community reception blew away all our expectations! So many of you tried it, made cool stuff with it, raised many issues and even submitted pull requests to fix them! The entire team wants to say thank you!</p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p><a href=\"https://twitter.com/hashtag/reactnative?src=hash\">#reactnative</a> is like when you get a new expansion pack, and everybody is running around clueless about which NPC to talk to for the quests</p>&mdash; Ryan Florence (@ryanflorence) <a href=\"https://twitter.com/ryanflorence/status/581810423554543616\">March 28, 2015</a></blockquote>\n<h2 id=\"when-is-react-native-android-coming\"><a href=\"#when-is-react-native-android-coming\" 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>When is React Native Android coming? </h2>\n<p><strong>Give us 6 months</strong>. At Facebook, we strive to only open-source projects that we are using in production. While the Android backend for React Native is starting to work (see video below at 37min), it hasn’t been shipped to any users yet. There’s a lot of work that goes into open-sourcing a project, and we want to do it right so that you have a great experience when using it.</p>\n<div class=\"gatsby-resp-iframe-wrapper\" style=\"padding-bottom: 48.46153846153846%; position: relative; height: 0; overflow: hidden; \" > <iframe src=\"https://www.youtube-nocookie.com/embed/X6YbAKiLCLU?start=2220\" frameborder=\"0\" allowfullscreen style=\" position: absolute; top: 0; left: 0; width: 100%; height: 100%; \"></iframe> </div>\n<h2 id=\"ray-wenderlich---property-finder\"><a href=\"#ray-wenderlich---property-finder\" 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>Ray Wenderlich - Property Finder </h2>\n<p>If you are getting started with React Native, you should absolutely <a href=\"http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">use this tutorial</a> from Colin Eberhardt. It goes through all the steps to make a reasonably complete app.</p>\n<p><a href=\"http://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 400px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 51.42857142857144%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAACa0lEQVQoz12Sy08TURTG5x/RBOOqduuCuGBt4t6dG1cuCDFsTDRGEuOjalAeGh7hUdB0GFqETmoFQh9AwKakKM8YldgqQtuZtjO9dzpz7+3x3umYEE9yMovvfr/z3XtGQgivA6+aYUCVd6uanyVeifWlD/tH3yGvYTipmC2lCYdCCzx9/l6RQ5BKJmBvbwdyuS3Yzm39kRoYJYE5YGolUteLpNGwAdskK0yx2FB0d38FdKtJNBNTAWSM7QjtdmfX7JMH9yAaURx5apgOv3oBY4P9eelr0UitFgHSJ5RmNUYHDhyIfKtvuUB5RN3NpqGMHFo2EPPi7wrt0cNAODI7B6mlOFGmJ9hQbwCePX5UkH6UzdSnKkB/bIP2zq/STQ3gd526wKODL6pZrcCpYdESB/KChm27wPbLV8Id7R1w/dpVcqfzFrvf3QldN28UJGI3UmKsMj1Jlalx6qVwgZvpZfX4108omjblV3YTOo7jArvv9oQDfUMwOREk4dA7Nj87AzPB8YKELMsFloon1KhoFDiSsqYLHH3Zo+Y2lkHDlGrelW0vYUmvhpm7TJPwIazZClKQMEIpLxXh/e/h3aVMjo9EM5kNKGNCanVExYq52V1KIZ8PWxhD8fSU6LrO+CBACOUljPEa/FccuC1MY0E5lljP8i1T0OoWeFc+EBo3z7V+o+ZZ67EQ4iIZh1S5KJryWhWmwTdBRYnEQEeNaqli1PhZgjDOeMC3HrDCu8b9Fu9DSZblNlVV/QsLC75oNOrjX388Hm8TptcDfeenJkb9mfSKby2x7Pu4uOhPJpMXhBYKhc7x82d9l7jv4l9ahF64CLylIwAAAABJRU5ErkJggg=='); 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=\"property finder\"\n        title=\"\"\n        src=\"/static/6e28878b4ef469a53735b49665fd7b93/e17e5/property-finder.png\"\n        srcset=\"/static/6e28878b4ef469a53735b49665fd7b93/65ed1/property-finder.png 210w,\n/static/6e28878b4ef469a53735b49665fd7b93/e17e5/property-finder.png 400w\"\n        sizes=\"(max-width: 400px) 100vw, 400px\"\n      />\n    </span>\n  </span>\n  </a></p>\n<p>Colin also <a href=\"http://blog.scottlogic.com/2015/03/26/react-native-retrospective.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">blogged about his experience using React Native</a> for a few weeks and gives his thoughts on why you would or wouldn’t use it.</p>\n<h2 id=\"the-changelog\"><a href=\"#the-changelog\" 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>The Changelog </h2>\n<p>Spencer Ahrens and I had the great pleasure to talk about React Native on <a href=\"https://thechangelog.com/149/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The Changelog</a> podcast. It was really fun to chat for an hour, I hope that you’ll enjoy listening to it. :)</p>\n<p><audio src=\"https://cdn.changelog.com/uploads/podcast/149/the-changelog-149.mp3\" controls=\"controls\" style=\"width: 100%\"></audio></p>\n<h2 id=\"hacker-news\"><a href=\"#hacker-news\" 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>Hacker News </h2>\n<p>Less than 24 hours after React Native was open sourced, Simarpreet Singh built an <a href=\"https://github.com/iSimar/HackerNews-React-Native\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Hacker News reader app from scratch</a>. It’s unbelievable how fast he was able to pull it off!</p>\n<p><a href=\"https://github.com/iSimar/HackerNews-React-Native\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 400px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 76.66666666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAADp0lEQVQ4y0WUW28cNRTHV3wM3nhD6kOBVkLiMyEe+RKIpwIRCUnTSkgliIQXRLmkpEVBIiXZnfvOzO7s3G+eq+e+O/bBs0XC0pE9tvzz/5y/PTNBlv8kALAdRwijCHBVQdt1P2V5/mlV11GSpn7IWpqmYYlxxMLMsuzjumv/ihGCvChhaoQCcKL0dLbghd8wLsH1vN4wzbEoMcQoGQ3DsFMUA2KbLNsGx3WAHQKMDZZlKyhC2yiMQVblnbqSuyjzQZCkw9lcEC7JgKGKrRF5Bo29DWQpwov5nV76BlQ5Gh1zRTzHIFWRjHmesI3c3POE0gkVWLkSzbtgR6AHSVl+M7tdcC+2TQpdao1t5tAtDqHBUS0I/CpPAmhTh/S5R7vCp2yd9F0Bmq5JLMsqyRE8/+U5SxZ2U9p7IFP4YseAbbga63BNexxBXacTcI0rNt+VpB8w7fqSDtuK9H05AeUJSCkBXBf/A5fL49lCEP+YFLa+OjaJvQc2ZVTz/EL3NgpYmyUxTY1alk5tWydx7O6BlEK1N4MQumNtGguSfMwUilfbGkGLzLHJPAZkKVdJxfELVRDn8PfNNbm5uaavX19T1hPHWcPaWMtd12HP88G2bMqM2gM5UTyZzXnhaq8wYcDEon3mTAorXuCU0NHBd9fE8zbUdQ3q+xuSZSHouj7VEKMkBj9yKFP5RqEsn8zuOP7lUDGFAUvZV2lfeNAUAWYKFU3lQRTviKqKVNNEKssLEob23pSmaXDfd+zelrQoih1lNRCV5ePJ5Zd9k0Gb+2NTJ3TYNdC0Bea4uazpMsgKR9Zrha5WMmXCSJL4oLIT2P3EKEbTvaRRFO3L+B9wcTW0OXSZw2ro0qH0pxpOCmXP0mBjKGTFgIaxpAxM0jQAVVO5CcheDMRxTMuy3KfMS/Je4WWHY2h8bVcjk3SJBXXmlXfzW0FTFiCJt6OicFRVebpc8sT3TVAU5R/P88ogCMC2bWaUsx0JYTVUjme8JL0ahhbS0IWERZnFkKKg03R9bdkbUJYSM0EF01zD9B2GPhibjRjFcTu9ZdZDhBClb1w+nV1evfrMcj3mVlwYlo1dPxjYWLId54BtGNjPAXt+UE2BkqT2gwBvLOvzCCUby3E7y3FwiFBhmBb8/Ovvn8xYe+vo5Mm9o5PT9x99eXCfjR8+Pn369rRwfvHj/fOLiwfPzs4efnd29uEP5+cfsXh3Wvv22ffvHB4/efDoq8P3vj4+/eCLg6N70/y/0WMY9UxqBSYAAAAASUVORK5CYII='); 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=\"hacker news react native\"\n        title=\"\"\n        src=\"/static/d95824e8653ed44f2baa8420276fc116/e17e5/hacker-news-react-native.png\"\n        srcset=\"/static/d95824e8653ed44f2baa8420276fc116/65ed1/hacker-news-react-native.png 210w,\n/static/d95824e8653ed44f2baa8420276fc116/e17e5/hacker-news-react-native.png 400w\"\n        sizes=\"(max-width: 400px) 100vw, 400px\"\n      />\n    </span>\n  </span>\n  </a></p>\n<h2 id=\"parse--react\"><a href=\"#parse--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>Parse + React </h2>\n<p>There’s a huge ecosystem of JavaScript modules on npm and React Native was designed to work well with the ones that don’t have DOM dependencies. Parse is a great example; you can <code class=\"gatsby-code-text\">npm install parse</code> on your React Native project and it’ll work as is. :) We still have <a href=\"https://github.com/facebook/react-native/issues/406\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">a</a> <a href=\"https://github.com/facebook/react-native/issues/370\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">few</a> <a href=\"https://github.com/facebook/react-native/issues/316\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">issues</a> to solve; please create an issue if your favorite library doesn’t work out of the box.</p>\n<p><a href=\"http://blog.parse.com/2015/03/25/parse-and-react-shared-chemistry/\" 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: 18.57142857142857%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAEABQDASIAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAAAAEFBv/EABUBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIQAxAAAAGKsQ0oc//EABkQAAIDAQAAAAAAAAAAAAAAAAABBBESIf/aAAgBAQABBQKWy+6Z/8QAFhEAAwAAAAAAAAAAAAAAAAAAARAx/9oACAEDAQE/ARF//8QAFhEAAwAAAAAAAAAAAAAAAAAAARAx/9oACAECAQE/ATV//8QAGhAAAQUBAAAAAAAAAAAAAAAAMQABAhAhQf/aAAgBAQAGPwKHdQY1/8QAGhABAAIDAQAAAAAAAAAAAAAAAREhABBBMf/aAAgBAQABPyGloA8PctMCZ1zR/9oADAMBAAIAAwAAABDwD//EABcRAQADAAAAAAAAAAAAAAAAAAABETH/2gAIAQMBAT8QwXL/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPxAR/8QAGhABAAMBAQEAAAAAAAAAAAAAAQARITFBYf/aAAgBAQABPxB7GF3rBjXkS9FABrXD5Gzs/9k='); 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=\"parse react\"\n        title=\"\"\n        src=\"/static/0cf345b88603272a491839c586ccf385/6aca1/parse-react.jpg\"\n        srcset=\"/static/0cf345b88603272a491839c586ccf385/60342/parse-react.jpg 210w,\n/static/0cf345b88603272a491839c586ccf385/65f94/parse-react.jpg 420w,\n/static/0cf345b88603272a491839c586ccf385/6aca1/parse-react.jpg 650w\"\n        sizes=\"(max-width: 650px) 100vw, 650px\"\n      />\n    </span>\n  </span>\n  </a></p>\n<h2 id=\"tcomb-form-native\"><a href=\"#tcomb-form-native\" 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>tcomb-form-native </h2>\n<p>Giulio Canti is the author of the <a href=\"https://github.com/gcanti/tcomb-form\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">tcomb-form library</a> for React. He already <a href=\"https://github.com/gcanti/tcomb-form-native\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">ported it to React Native</a> and it looks great!</p>\n<p><a href=\"https://github.com/gcanti/tcomb-form-native\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\n  <span\n    class=\"gatsby-resp-image-wrapper\"\n    style=\"position: relative; display: block;  max-width: 300px; margin-left: auto; margin-right: auto;\"\n  >\n    <span\n      class=\"gatsby-resp-image-background-image\"\n      style=\"padding-bottom: 101.9047619047619%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAACzElEQVQ4y5WUS2/TQBDHA+HGjQuc2q8G3CgS3IBwhyPgG+UDtBLi0LyaOE0k86haUXpIQcrDrR+pKugjtpvEedjrHWZ3bWI7VIKN/vJ6svvzzP7HzjSbzesZHKVS6d7m5uYq6nWxWJTq9S2pUChIlUpFajQaUrlUlqrVKtfGxoYky7KUz+ffVCrVt7Xa1goisnKtdi2jadoNvLm5vb39+fLyEnRdh4uLCxgMBmBbNliWBb1eD7qdDvT7fWBrrL4FjuPweRvjCD5Axq1c7nk2AwBZvLmtdtUGiDFFeXEFQeBRSr10PFwL3W73KzKW1tfW/wDvYFBhf+JmgqJxQfhLxwkOtuf4+HgfGcv1eh2BlApgp6OA68Lg9BfBbACx0cZoDjEYiLgAmqbJgEtyVZ4D260Wz3A6GhF/NqNJeSlFsRkHGrrOMyzn8/OSO602B+LjCcWMIBAKfJ8DiOcJhVA2XwAWCskzHA2HoB0dkZ5pgKqqFI+B2ugyVkEJgolPwquY+57PgdgFHFiTa4umnJycENsZ0slkQsfjMfUwk7QZaVNMg5/hMvbwIvDs7Jy47owCz4tGG2OQ+f0caAhgOQbEEhXwPCDhuSRcviLDyOVkyUEgTGkLUybDIfGmM+pNp5HLsOi6EK672pRO2Db4AIKCmMPgM0cx+1jrgFAI1LR522CLiD7EDIORD6amE0M3mDl07LrsEIGf2V+EbidKxg9GNoPP50Bd1ZWy+xH2zg/QlDGdsJIJf2nQHWYQtigXDcValgqgGQL5mwLiTTEPDUWBHfhhf2eL6L+JpkxB4ICKMzxUu8raT4C7n/rk4Y5NH8SU23do7pvD5ythjK25/6VPXh3Nge+LlRTwFODRrkWe4eanoZ7sOfCiOaAvUTgXcbyyNY93bfLOxK9NCPzAgOnGxvEfJUOi5C1ZXgR6JCA+njoJFZ9H91GMrU2YgsDfrHQRVTFpODEAAAAASUVORK5CYII='); 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=\"tcomb react native\"\n        title=\"\"\n        src=\"/static/afd9ed207a25a624627fa13ae18139a0/5a46d/tcomb-react-native.png\"\n        srcset=\"/static/afd9ed207a25a624627fa13ae18139a0/65ed1/tcomb-react-native.png 210w,\n/static/afd9ed207a25a624627fa13ae18139a0/5a46d/tcomb-react-native.png 300w\"\n        sizes=\"(max-width: 300px) 100vw, 300px\"\n      />\n    </span>\n  </span>\n  </a></p>\n<h2 id=\"facebook-login-with-react-native\"><a href=\"#facebook-login-with-react-native\" 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>Facebook Login with React Native </h2>\n<p>One of the reason we built React Native is to be able to use all the libraries in the native ecosystem. Brent Vatne leads the way and explains <a href=\"http://brentvatne.ca/facebook-login-with-react-native/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">how to use Facebook Login with React Native</a>.</p>\n<h2 id=\"modus-create\"><a href=\"#modus-create\" 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>Modus Create </h2>\n<p>Jay Garcia spent a lot of time during the beta working on a NES music player with React Native. He wrote a blog post to share his experience and explains some code snippets.</p>\n<p><a href=\"http://moduscreate.com/react-native-has-landed/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img src=\"/0183b8a57a7dac85055377b28438e013/modus-create.gif\"></a></p>\n<h2 id=\"react-native-with-babel-and-webpack\"><a href=\"#react-native-with-babel-and-webpack\" 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 Native with Babel and webpack </h2>\n<p>React Native ships with a custom packager and custom ES6 transforms instead of using what the open source community settled on such as <a href=\"https://webpack.js.org/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">webpack</a> and <a href=\"https://babeljs.io/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Babel</a>. The main reason for this is performance – we couldn’t get those tools to have sub-second reload time on a large codebase.</p>\n<p>Roman Liutikov found a way to <a href=\"https://github.com/roman01la/react-native-babel\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">use webpack and Babel to run on React Native</a>! In the future, we want to work with those projects to provide cleaner extension mechanisms.</p>\n<h2 id=\"a-dynamic-crazy-native-mobile-futurepowered-by-javascript\"><a href=\"#a-dynamic-crazy-native-mobile-futurepowered-by-javascript\" 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>A Dynamic, Crazy, Native Mobile Future—Powered by JavaScript </h2>\n<p>Clay Allsopp wrote a post about <a href=\"https://medium.com/@clayallsopp/a-dynamic-crazy-native-mobile-future-powered-by-javascript-70f2d56b1987\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">all the crazy things you could do with a JavaScript engine that renders native views</a>. What about native embeds, seamless native browser, native search engine or even app generation…</p>\n<h2 id=\"random-tweet\"><a href=\"#random-tweet\" 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 Tweet </h2>\n<p>We’ve spent a lot of efforts getting the onboarding as easy as possible and we’re really happy that people noticed. We still have a lot of work to do on documentation, stay tuned!</p>\n<blockquote class=\"twitter-tweet\" lang=\"en\"><p>Wow. Getting started with React Native might have been the smoothest experience I’ve ever had with a new developer product.</p>&mdash; Andreas Eldh (@eldh) <a href=\"https://twitter.com/eldh/status/581186172094980096\">March 26, 2015</a></blockquote>","excerpt":"We open sourced React Native last week and the community reception blew away all our expectations! So many of you tried it, made cool stuff with it, raised many issues and even submitted pull requests to fix them! The entire team wants to say thank you! When is React Native Android coming?  Give us 6 months. At Facebook, we strive to only open-source projects that we are using in production. While the Android backend for React Native is starting to work (see video below at 37min), it hasn’t been…","frontmatter":{"title":"Community Round-up #26","next":null,"prev":null,"author":[{"frontmatter":{"name":"Vjeux","url":"https://twitter.com/vjeux"}}]},"fields":{"date":"March 30, 2015","path":"content/blog/2015-03-30-community-roundup-26.md","slug":"/blog/2015/03/30/community-roundup-26.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/2015/03/30/community-roundup-26.html"}},"staticQueryHashes":[]}