Getting started with the PanResponder in React Native

Inside React Native you can use the PanResponder to recognise multi-touch gestures as well as swipes and other touches that make native apps feel snappy and intuitive. But getting it up and running can feel daunting and borderline black magic. In this post I’ll try and guide you through the process, hopefully demystifying it a bit and get you on track to awesomeness. What we will be making Obviously we’ll be wanting to focus on the PanResponder itself so UI wise this will be pretty barebones.

React Storybook

Recently React Storybook came out. It’s a tool to isolate your React Components to develop and design them outside of your app. In this post I’ll be going over how to get it set up. Why use it? What intrigued me about Storybook is the fact you can work on defining and designing your React components in an environment where you don’t have to worry about the app itself. In fact, by having them isolated you can make sure they work correctly by themselves and don’t rely on the rest of your application.

Getting your React Native App on an iOS device

As I was playing around with the awesome React Native library I encountered a few small hicups getting an app running on an actual device, so here’s how I made it work for me. At the time of writing I’ve tested the following with: OSX react-native 0.11.4 nodejs v4.1.1 XCode 7.0.1 I won’t go into much detail on how to get a React Native project going on your computer, as the nice guys at Facebook do an excellent job explaining this process.