Issue #16

Logo for React Native Newsletter

Top News

React Native v0.10.0-rc and v0.9.0 have been released!
React Native v0.10.0-rc and v0.9.0 have been released!

Thanks to @ide for writing up the release notes and pushing this release out, and of course to the 42 contributors that got commits into the release!

Check it out for the new, built-in Modal component, ImageEditingManager and more!

Relay Technical Preview Released (Blog post)
Relay Technical Preview Released (Blog post)

The much anticipated React library for managing your app's data with GraphQL was released this week! Well, the technical preview anyways. Clone the repo, run the examples and check it out. Build something with React Native using Relay (maybe recreate one of the examples?) and I'll include it in the next newsletter!

Community Interview #3 - Matt Mohebbi
Community Interview #3 - Matt Mohebbi

Matt Mohebbi (twitter) (github) is the technical co-founder/CTO of Iodine alongside CEO Thomas Goetz (former executive editor of Wired Magazine & author of The Remedy and The Decision Tree). Before Iodine, Matt worked for nine years at Google on a variety of projects including Search, Flu Trends, Correlate, and Consumer Surveys. Now he wants to bring his experience with big data to health in a way that hasn't been done before. For the past couple of months they have been building an app in React Native - an app that may end up being an important piece of their business. I've had the great fortune to be able to work with their team recently, and it it has been a fantastic experience, so I'm happy to be able to share some of the insights that Matt and I have previously discussed off-the-record with the rest of you!

You might recognize Iodine from the "Friends of the Newsletter" section on last week's issue - they are still hiring a front-end engineer, shoot me an email at brentvatne@gmail.com and I'll pass your details along!

Ncredible from NBC News Digital on the Canadian App Store
Ncredible from NBC News Digital on the Canadian App Store

The first game that I've seen with React Native, "Ncredible" offers a unique way to keep up with the news: rather than subscribing to a digital newspaper with as much of an intention to read it as someone committing to working out by signing up to a gym on January 1st, "Ncredible" presents the news to you in the form of a quiz.

The team is currently testing it out on the Canadian app store to see how people use it and what they like/dislike about it, so if you're a Canadian then download it and try it out, it's free and your feedback would be appreciated! If you're an American, you can easily get around this restriction by creating a second Apple ID with the country set to Canada.

The limited released to Canada has nothing to do with me, even though I am indeed extremely Canadian.

Animated: Row Swipe Actions & Tinder breakdown (Blog posts from @browniefed)
Animated: Row Swipe Actions & Tinder breakdown (Blog posts from @browniefed)

@browniefed seems to have two passions in life: brownies and the Animated API. The title story here links to the row swipe action posts, and this other one discusses how to implement a tinder card-swipe animation with PanResponder

React at Netflix: Chasing 60fps (Video, presentation)
React at Netflix: Chasing 60fps (Video, presentation)

Not about React Native, but some good insights into what went into building the Netflix web UI with React!

React Devtools "Next" - Release Beta 2
React Devtools "Next" - Release Beta 2

Some improvements and bugfixes, final release coming soon! I confess, @jaredly is kind of my hero. If you read this, @jaredly, can I have your autograph?

Redux & Redux Devtools v1.0.0 have been released!
Redux & Redux Devtools v1.0.0 have been released!

Congratulations to @gaearon for reaching this huge milestone! And thank you!

Reploy: A deployment platform for React Native
Reploy: A deployment platform for React Native

From @jsierles, who created the React Native Playground, this tool helps you to share your React Native app quickly, without going through TestFlight when in development and push updated JavaScript bundles to the client once deployed through the app store as well!

AppHub
AppHub

"AppHub lets you instantly update React Native apps without re-submitting to Apple." - similar to Reploy, with some different features and ideas. We went from having no solutions to two in a week, not bad!

Mutations in Relay (Presentation slides)
Mutations in Relay (Presentation slides)

@laneykuenzel is a "Facebook engineer working on Relay and GraphQL, Cleveland native, runner, baking enthusiast" - these are slides from her JSConf 2015 talk about mutations in Relay - a relevant topic given that the Relay technical preview was released this week. Check it out!

Highlights from facebook/react-native

Shadow in navigator transition
Shadow in navigator transition

A good discussion about a feature that's missing from Navigator at the moment: shadows on the swipe transitions. @dubert provides a fairly close implementation of it using a custom NavigatorSceneConfig, very neat.

More ListView optimization chatter
More ListView optimization chatter

The discussion on ListView optimizations continues, in this comment @vjeux shares an internal discussion where @sahrens points out some issues with simply throwing away views when they go off screen, nonetheless an implementation is provided in case the issues that he mentions are not relevant to your use case.

How to preload / prefetch images for later use in ImageView?
How to preload / prefetch images for later use in ImageView?

@hayeah came up with a neat solution to answer the question posted in the issue title, check it out if you have a need for this kind of thing!

Highlights from the community

@alexduckmanton publishes beetroot.fm app to App Store
@alexduckmanton publishes beetroot.fm app to App Store

"Just published my first React Native app and figured I'd share. I've also created a web version, which was the first time I've played around with React. Overall I really enjoyed working with both React and React Native (although I did struggle with some NavigatorIOS oddities!)

The app itself is basically a replacement for the official apps offered by a few public radio stations in Australia. Depending on interest I'll probably expand it to more Aussie stations, and maybe stations in other countries later on."

So if you want to see another React Native app in the wild or you really love Aussie radio, this link might be right up your alley. Tell @alexduckmanton what you think on Reddit! (By the way, /r/reactnative exists, in case you weren't aware of that).

sghiassy/react-native-sglistview
sghiassy/react-native-sglistview

"SGListView resolves React Native's ListView memory problem by controlling what's being drawn to the screen and what's kept in memory. When cells are scrolled off screen, SGListView intelligently flushes their internal view and only retains the cell's rendered bounding box - resulting in huge memory gains."

A similar solution to the one mentioned above in the discussion with @sahrens and @vjeux, but one that you can easily pull down into your projects and use as a drop-in replacement. If you have a lot of items in your list and they are relatively cheap to render, this would be a good choice.

bsudekum/react-native-color-grabber
bsudekum/react-native-color-grabber

Colors: we all use them, some of us spell them colours, and usually we want them to have some sort of coherence in our UIs. This library helps you to extract primary colors from images so that you can be super cool like Apple Music and make your whole UI the same colors as a primary image (album art in their case). Awww yeah..

Also, I think Bobby's photo is taken in Dolores park ¯_(ツ)_/¯

Mr. Dapper on the App Store
Mr. Dapper on the App Store

From Wei Ping Woon, "Mr. Dapper aims to become the best men fashion app. We are constantly adding new inspirations, stuff to buy and discussion topics on everything related to making you dappier everyday." Dappier, I did not know that was a word, but I like it.

I'll leave you with this quote: "No scrubs." - Destiny's Child

transistorsoft/react-native-background-geolocation
transistorsoft/react-native-background-geolocation

Battery life, who needs it? Me, please ;( This library from @christocracy of @transistorsoft promises: "Sophisticated, battery-conscious background-geolocation with motion-detection". Check out the demo app here.

mattiamanzati/react-native-web-polyfill/examples/TicTacToe/
mattiamanzati/react-native-web-polyfill/examples/TicTacToe/

The React Native TicTacToe example running in the browser by using a web polyfill - neat stuff! Far off from being a robust solution but it's awesome to see progress in this area, my hat's off to you @mattiamanzati! (I don't wear hats ever but like figuratively).

guodong000/react-native-custom-actsheet
guodong000/react-native-custom-actsheet

I'm not a huge fan of wrapping native libraries for UI components because it limits the ability to use the same styling code and share across platform - but in this case I think it's a fair compromise because action sheets are generally more of an iOS idiom and @guongdong000 has made sure that it supports similar style properties! Take a look if you're looking for action and want to spice up your life in your sheets.

apptailor/react-native-google-signin
apptailor/react-native-google-signin

Some people just prefer signing in through their Google Accounts, why not give them the option? Especially now that it's easy thanks to @apptailor!

Friends of the newsletter

Appetize.io
Appetize.io

I love these guys. They make rnplay.org possible and in doing so support the React Native community in a big way. I am not paid to advertise for them, I love to advocate for products that I believe in (see: this newsletter about React Native) - so check them out if you have any need for an in-browser simulator for iOS or Android! Go and upload an app, the first 100 minutes of simulator use are free!

React Rally is in one week!
React Rally is in one week!

"A community React conference August 24 - 25 2015 in Salt Lake City, UT" - somehow tickets are still available! That means you have just five more days to suck up to your boss and convince her to pay for your flight, hotel and regular salary to attend a conference for two days, where you'll almost certainly be tempted to join other companies. Just don't phrase it like that, I believe in you, you can do it.

Again, I receive no compensation for doing this and I have never once exchanged words with anybody who is organizing it, I'm just excited to get a bunch of React Native people out for it!

That's it for now! Ping me on Twitter @notbrent if you have anything that you would like me to share next week.

If you're reading this on the web, you can subscribe to get this delivered weekly to your email here!

Goodbits

Collect and curate content easily for brilliant newsletters. Try Goodbits for free!

*|LIST:ADDRESS|*

Unsubscribe