Issue #22

Logo for React Native Newsletter

Contest entries are in! Four fine folks have built apps for Reactive2015 - the winner will receive their choice of an autographed photo of @vjeux himself (yeah, feel the regret) or a ticket to the Reactive 2015 Conference. We are going to have a cocktail party in a castle while eating food prepared by chefs that serve the prime minister of Sloavakia, isn't that ridiculous? Oh and 25 amazing talks. See the entries below and cast your vote before Friday at noon PT!

Contest Entries (order by submission_date asc)

kenwheeler/reactive2015
kenwheeler/reactive2015

Whenever I need someone to build an app to enter a contest that I'm putting on I know that I can maybe sometimes count on Ken. Solid app.

Vote for Ken's app here

dzannotti/reactive2015
dzannotti/reactive2015

Woah now, Relay with a Reindex.io backend? Neat stuff Daniele.

Vote for Daniele's app here

browniefed/rncontest
browniefed/rncontest

Jason hedged his bets and went ahead and made an app that included a signed portrait of @vjeux, so even you don't elect him as king of the contest or whatever he will still be a winner. Clever move.

Vote for Jason's app here

Kureev/Reactive2015
Kureev/Reactive2015

Alexey Kureev has a really cool sounding name, which pairs well with his slick app.

Vote for Alexey Kureev here

Top News

React Native v0.12.0 released
React Native v0.12.0 released

Sorry, no release notes this time around. They will be back for v0.13.0-rc. Thank you to the 79 contributors for your 418 commits that went into this release! Also worth nothing: React v0.14.0 was released last week!.

Reindex - Instant GraphQL Backend for Your React Apps
Reindex - Instant GraphQL Backend for Your React Apps

Reindex - Instant GraphQL Backend for Your React Apps. Used by @dzannotti along with Relay in his contest submission below! Go put your email in and get a beta invite. I haven't had a chance to play with it yet myself but I've heard great things! Ping @villeimmonen on Twitter with any questions.

From REST to GraphQL (Blog post)
From REST to GraphQL (Blog post)

Highly acclaimed blog post by @jacobwgillespie: "This post describes some of my journey with implementing a GraphQL backend service, so it is a snapshot of what I’ve learned so far, presented in the hopes that it will be useful to others. Also, some of the specific real-world implementation details internal to Playlist have been paraphrased / simplified / anonymized for obvious reasons."

Deep Diving React Native Debugging (Blog post)
Deep Diving React Native Debugging (Blog post)

"If you’re like me, when you saw how easy debugging React Native applications was, you were mind-blown. Setting breakpoints in Google Chrome to control your iOS device seemed like magic and sorcery.

But if you’re like me, you also distrust magic in programming. Magic must be understood so that it turns into engineering fact & competence. This article attempts to demystify React Native Debugging so that you understand the technical details behind it."

How to make Facebook Reactions (Blog post)
How to make Facebook Reactions (Blog post)

@browniefed can't stop, won't stop (hopefully) writing these tutorials demonstrating how to accomplish various feats of animations with Animated. Neato.

Brainattica: Our first experience with React Native (Blog post)
Brainattica: Our first experience with React Native (Blog post)

It's always fun to read about the experience that people have with React Native!

yipengmu/react-native-android-lession
yipengmu/react-native-android-lession

Learn how to use React Native Android, in Chinese!

Highlights from facebook/react-native

Best practice for large number of views (100s)?
Best practice for large number of views (100s)?

A perfect example of a time when you need to break out UIKit, write some lower-level code, and bridge it to React Native to achieve your perf goals. Well played @aroth!

Using custom fonts in react-native project
Using custom fonts in react-native project

Wondering how to add custom fonts to your Android app? Here you go, courtesy of @corymsmith.

Only handle accessibility notifications from the correct RCTAccessibilityManager
Only handle accessibility notifications from the correct RCTAccessibilityManager

"When you reload and create a new bridge, one of the things that happens during setup is that the RCTAccessibilityManager fires a notification. The old bridge would receive this notification from the new bridge's RCTAccessibilityManager, which we don't want, especially because the two are running on different shadow queues."

If you had been facing crashes in your app on 0.11 when reloading, you will welcome this. Great fix @ide!

No shadows on Android
No shadows on Android

A discussion is going on about potential solutions to implement shadows on Android and how that can be done in a cross-platform way. I encourage you to participate if you have any thoughts on the matter! Thanks @bsansouci for getting the conversation going.

WebSocket support on Android
WebSocket support on Android

This deserves a custom good guy greg caption.

Introduce universal switch
Introduce universal switch

Hurrah! This commit introduces a wrapper component for SwitchIOS and SwitchAndroid called Switch that lets you use Switches without switching the platform. Switch.

On starting an Activity in a custom Native Module, how do I pass the result back?
On starting an Activity in a custom Native Module, how do I pass the result back?

Here he is again. Shoutout to @satya164 who has been a huge help since Android was released!

Native floating action button wrapper for Android
Native floating action button wrapper for Android

@zenlambda lends a hand by sharing his implementation of the floating action button module. Thanks, guy!

Add an embedded simulator to the documentation site
Add an embedded simulator to the documentation site

"Appetize.io graciously offered free simulator usage both for rnplay.org and the docs. This is a preview of how embedding the simulator might work: http://quick.as/X6qlfpYj2"

Definable distance pagination for ScrollView
Definable distance pagination for ScrollView

This has been in limbo for months so I'm really excited to see it land! Fantastic job sticking with it @rxb!

Implemented inline image support for <Text> on iOS
Implemented inline image support for <Text> on iOS

"This diff implements inline image support for <Text> nodes. Images are specified using <Image> tags, however all properties of the image are currently ignored apart from the source (including width/height styles).

Images are loaded asyncronously, and will trigger a text re-layout when they have loaded."

render() {
  return (
    <View>
      <Text>
        Inline image! <Image source={require('./flux.png')}/>. Neat, huh?
      </Text>
    </View>
  );
}

Highlights from the community

lwhiteley/react-native-android-iconify
lwhiteley/react-native-android-iconify

Wraps the [android-iconify] library to give you access to a bunch of icons on React Native Android.

Also note that react-native-icons supports Android as well, so pick whichever one works best for you!

Andr3wHur5t/react-native-keyboard-spacer
Andr3wHur5t/react-native-keyboard-spacer

Potentially a useful little library to save you the hassle of manually subscribing to keyboard events and responding to them to update your layout.

mjohnston/react-native-webpack-server
mjohnston/react-native-webpack-server

These folks are doing a great job recently of keeping react-native-webpack-server up to date. It's working with 0.12 now, check it out if you're a fan of hot-reloading. Shout out to fellow Canadian @elliottsj for the work he has been putting in!

kayla-tech/react-native-privacy-snapshot
kayla-tech/react-native-privacy-snapshot

"Obscure passwords and other sensitive personal information when a react-native app transitions to the background"

Friends of the newsletter

Appetize.io
Appetize.io

I love these folks. They make rnplay.org possible and in doing so support the React Native community in a big way. They are also allowing us to use their simulators within the React Native docs! I am not paid to advertise for them, I'm happy 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!

Goodbits
Goodbits

"Newsletters should take minutes, not hours. Goodbits helps you quickly build email campaigns." That's their thing. True story, I once wore a Goodbits tshirt while cycling across the Golden Gate bridge. If you've read this far, you should probably at least try out Goodbits, because clearly you have time on your hands.

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|*