Implement A Barcode Scanner Using React Native

Previously I wrote about using the device camera in your React Native mobile application. However, what if we wanted to go a step further and start scanning barcodes?

This is not a problem because the react-native-camera component we used in the last tutorial also supports barcode scanning.

Upcoming Presentation: Silicon Valley Code Camp 2015

In case you’re interested in seeing me present on Node.js or Ionic Framework and Couchbase, I’ll be giving two talks at the free to attend Silicon Valley Code Camp in San Jose, California. It is the weekend of October 3rd to October 4th.

The title of my talks are Quick and Easy Development with Node.js and Couchbase Server and Cross Platform Storage & Sync with Couchbase and Ionic Framework. The abstracts for both these talks can be seen below.

Upcoming Presentation: Couchbase Live NYC 2015

I’m trying something new so bare with me here. I speak at quite a few events (conferences, meetups, code camps, etc.) so I figured it would be useful to my followers to know when and where these events are in case I am in your part of the world.

I’ll keep it short and to the point. I’m going to be in New York on October 6th, 2015 to present at Couchbase Live New York. It is free to attend this conference, so if you’re in the area, please swing by.

My presentation will be on Node.js and is titled Getting Started: Couchbase Server Node.js SDK.

The abstract to my talk is as follows:

Access The Native Device Clipboard In React Native

Keeping up the trend of React Native coolness, I figured it would be a good idea to see how to access the native device clipboard. I had already demonstrated the device clipboard with Ionic Framework so it would only be fair to accomplish the same with React Native as well.

Out of the box with React Native you won’t be able to access the clipboard. You’re going to have to install a component, and lucky for us, one such component exists. We are going to check out the react-native-clipboard component by Fishfly.

Add Glyph Icons To Your React Native Mobile App

Out of the box mobile platforms, and even React Native for that matter, don’t ship with a very large selection of icons. If we’ve chosen to use React Native as our development framework then we’re lucky that there is a great component that can be added to give us thousands of icons for use in our application.

Previously I wrote about how to use Font Awesome in an Ionic Framework and native Android applications. This time we’re going to see the same using React Native and the react-native-icons component by Cory Smith.

Using Navigator Routes In Your React Native Application

When creating a mobile application, chances are at some point in time you’re going to want to have more than one application view or screen. In many programming languages this is referred to as application routes.

With React Native, the navigator is used to switch between screens.

Use The iOS Camera In Your React Native Mobile App

In many mobile applications it is essential to be able to use the device camera. Maybe you’re creating the next Instagram or other photo sharing application.

Previously I wrote how to use the device camera in Ionic Framework, but how might we do the same with React Native?

Lucky for us, with React Native, there is an external component that lets us use the camera. Using react-native-camera by Loch Wansbrough, we have access to both the front and back device camera.