Tag: javascript

Implement A Barcode Scanner Using React Native

October 1, 2015

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.

September 30, 2015

Nic Raboy

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.

September 25, 2015

Nic Raboy

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.

September 18, 2015

Nic Raboy

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.

September 14, 2015

Nic Raboy

I recently picked up some Estimote iBeacons to play around with and figured I’d try to get them working in an Ionic Framework Android and iOS application.

If you’re unfamiliar with iBeacons, they are small bluetooth proximity devices. There are many different manufacturers, but Estimote appears to have the best advertised battery life and durability. iBeacons generally broadcast a signal every 100ms to 1000ms depending on the configuration or brand. The broadcast signal contains a UUID and two numeric identifiers which are a major and minor version.

Before I get into the code I’ll share a few possible use cases for iBeacons:

Triggering some literature or audio when your device detects that you’re near a particular iBeacon in a museum. Put one near The Statue of David in Italy and bam, you could have information about it when you approach it.
Tracking foot traffic in your store. Maybe you have a large store like Walmart with iBeacons in every department. You can see which department gets the most traffic.
Calculating how long time-wise a queue / line is for a particular ride at an amusement park based on device to beacon discovery.

There are endless other useful scenarios.

September 7, 2015

Nic Raboy

If you’ve been keeping up with my blog, you’ll know I did an article for doing HTTP requests with Ionic Framework. Since I’ve been playing around with React Native a lot lately, I figured it is probably a good idea to figure out how to do RESTful HTTP requests sooner than later since everything has an API back-end now.

The Facebook documentation for React Native has (or had at the time of writing this) a tutorial for getting movie data from a remote API. However, it hardly explained how to customize the HTTP request. In fact, I found that a lot of the internet was missing clear cut documentation for RESTful requests with React.

This article should clear things up!

August 24, 2015

Nic Raboy

If you’ve been keeping up with my blog and tutorials, you’ll know that I’ve done quite a few posts on Ionic Framework. I’ve been hearing a lot about React Native lately so I figured it is time to give it a shot.

There are 6,500 languages and roughly seven billion people in the world. Chances are your native language is only known by a small piece of the global population. You can boost downloads of your application and overall App Store Optimization (ASO) by accommodating a larger variety of languages.

Last year, I did a tutorial regarding localization (l10n) and internationalization (i18n) in an Ionic Framework Android and iOS application. This time I’m going to go over the same, but in a React Native application for iOS.

← Newer

Older →