Simple Carousel in React Native

Jul 06, 2017 · 2 min read

In this tutorial we will be building a simple carousel. As a change we will be using snack to build this instead of setting a new react native project. Below is the final version of the application we will be building. Scan in the Expo App Scan in the Expo App You can scan the QR code in the expo…

Running React Native on a Different Port

Jun 01, 2017 · 1 min read

If you are trying to run react native application on a port other than 8081, it’s not an easy process. The reason for that is because internally the ports are hard coded on the Android and iOS projects. There is currently an open issue which would have the up-to-date instructions. Note that this…

Uploading Files to Google Cloud Storage

Mar 02, 2017 · 5 min read

On 2/28/2017 Amazon AWS S3 had an outage which affected a lot of websites. This got me thinking if Google Cloud offered a solution which was similar to S3. In this blog I will be creating a simple API where you can upload a file which would upload it to Google Cloud Storage. I will be using restify…

Using React-Navigation in React Native

Feb 02, 2017 · 2 min read

I read about react-navigation and was curious how it compares to ex-navigation. In this post I will be creating the same application I created in my previous post about ex-navigation but using react-navigation instead. Do note that react-navigation has taken a lot of inspiration from ex-navigation…

Using Ex-Navigation in React Native

Jan 14, 2017 · 4 min read

Navigation in React Native is confusing for someone new to React Native. There are many different routing solutions in React Native, starting from NavigatorExperimental to Ex-Navigation. In this post I will be using Ex-Navigation to setup simple routing. The first step, just as any react native…

Build A Clock in React Native — Part 2

Dec 27, 2016 · 2 min read

Before reading this article, please check out Part 1 where we setup the application code and installed the packages we will be using in this project. Styling When I am making an application what I usually like to do is setting up the UI first, then adding the functionality. There is no right or…

Build A Clock in React Native — Part 1

Sep 09, 2016 · 2 min read

For anyone who does not know what React Native is please check here. Image below shows the final version of the application running on android tablet. Getting Started Check out my video on setting up React Native development environment before continuing with this tutorial. The video goes through…

Building Static Sites with Webpack

Aug 28, 2016 · 3 min read

Webpack is module bundler which takes modules with dependencies and generates static assets representing those modules. Webpack replaces gulp/grunt as a task runner. It also enables the ability to use npm packages instead of managing separate js/css files. Getting Started In the following folder…