<story><title>Reapp – hybrid apps, fast</title><url>http://reapp.io</url><text></text></story><parent_chain></parent_chain><comment><author>nwienert</author><text>Hey hackers, Nate with Reapp here. I&amp;#x27;ll add some technical background. This has been a solo project of mine for the last five months. I actually was relatively green to npm and React in general at the beginning, but I&amp;#x27;ve been working on this full-time since. I think it&amp;#x27;s a great testament to React&amp;#x27;s power and ease of understanding.&lt;p&gt;I spent a large part of the development on the animations. Reapp has a custom animation mixin designed for React that works through props. It&amp;#x27;s really cool and I&amp;#x27;ll be writing a blog post on it this week. It&amp;#x27;s what drives all the animations you see including the fully interactive &amp;quot;swipe view from edge to go back&amp;quot;, as well as modals and popovers.  You can see the animations here:&lt;p&gt;&lt;a href=&quot;https://github.com/reapp/reapp-ui/blob/master/themes/ios/animations.js&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;reapp&amp;#x2F;reapp-ui&amp;#x2F;blob&amp;#x2F;master&amp;#x2F;themes&amp;#x2F;ios&amp;#x2F;ani...&lt;/a&gt;&lt;p&gt;Another thing I&amp;#x27;ve spent a lot of time on was getting the view animations to match iOS. Notice how the TitleBar text animates, while the icons remain in the same position. This took quite a bit of effort and resulted in several refactors of the animation library.&lt;p&gt;Finally, theming. The theme system is quite robust, though the iOS theme itself needs work. It&amp;#x27;s fully JS-powered CSS, and we use Flexbox for the default theme. It uses two teirs: Constants and Styles. You can override any of our constants or styles to make your own theme, or load an entire new one. I&amp;#x27;ll also be writing about this more because it&amp;#x27;s really a big feature. Here&amp;#x27;s an example of loading a custom theme:&lt;p&gt;&lt;a href=&quot;https://github.com/reapp/hacker-news-app/blob/master/app/theme/theme.js&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;github.com&amp;#x2F;reapp&amp;#x2F;hacker-news-app&amp;#x2F;blob&amp;#x2F;master&amp;#x2F;app&amp;#x2F;the...&lt;/a&gt;&lt;p&gt;That folder also contains more interesting usage.&lt;p&gt;Feel free to ask me any questions you all have, I&amp;#x27;m happy to answer.</text></comment>
<story><title>Reapp – hybrid apps, fast</title><url>http://reapp.io</url><text></text></story><parent_chain></parent_chain><comment><author>shoq</author><text>At first glance it looks nice. I played around with Ionic Framework and if Reapp is going in a similar direction and gets enough traction I can imagine using it in the future. Let&amp;#x27;s see what React Native brings to the table.</text></comment>