Skip to main content

Building Native Mobile Apps with React-Native

What is React-Native?

React-Native is an open-source mobile application development framework created by Facebook, the same organizations who created the robust ReactJS library which one of the top front-end web development frameworks. React-Native is written in JavaScript which makes it inviting for any web developers looking into mobile application development. It is also syntactically similar to ReactJS making it a great option for web developers transitioning to mobile application development since it would mitigate the learning curve associated. React-Native is also based in on the component oriented architecture that all modern web development frameworks such as Angular, VueJs, and ReactJS employ, which also minimizes the learning curve.

Aside from having an inviting premise for web developers, one of the biggest benefits it offers is the ability to develop native mobile applications for multiple platforms (iOS and Android) with a single code base. This makes it a highly cost and time efficient option for mobile applications. It is important to note that the applications React-Native outputs are fully native to their respective platforms, they are NOT hybrid mobile applications. 

Why I found React-Native Interesting?

One year ago, I was hired as a front-end web developer intern at a tech-startup. The startup was based on a web application, however also intended to release a mobile version of the application. I was tasked with contributing to the development of the mobile app for both iOS and Android, which sounded overwhelming at first since I had no prior mobile app development experience or knowledge. However since it was being built with React-Native, not only was I already familiar with most of the underlying concepts and architecture, but the syntax was also familiar since it was written in JavaScript. As result, I was able to hit the ground running and produce various components of a mobile application in far less time than expected. With the help of the vast amount of open-source plugins and library available from the React-Native community, I was able to implement advanced features in both an iOS and Android with a single implementation, which normally would have taken much longer dude to the need to learn two separate languages. Ever since, I was truly fascinated by the opportunities React-Native offers to experienced web developers that want to explore the world of mobile applications. 

  

Comments

Popular posts from this blog

Release 0.4 - My External Pull Request to Uber

Continuing from my previous post , I will now be covering my external contribution for Release 0.4. This external pull request is my biggest and most challenging one to date. The challenge came from size of the project, as searching and navigating through it's code base felt like somewhat of a rats maze to find where the issue lies. I also had minimal experience in React (one small school project), so the unfamiliarity with the language and architecture presented some challenges as well. The Project -  Uber - Base Web In short, Base Web is Uber's web based design system comprised of "modern, responsive, living components" implemented in ReactJS. This project contains a vast variety of functional web components that can be used by web developers the front-end of their web projects. As someone who has done freelance web development in the past, I've always appreciated the availability of open source libraries, especially the more complex one's such as this ...

My First Contributions and Collaborations in Open-Source

This week I continued my journey into the world of open source by contributing to the work of others, as well as accepting contributions from others for my Micro-Note web app detailed in the previous blog post . I was able to contribute one bug fix, and one additional feature to similar applications built by other students. This was done by utilizing Git features such as posting issues, forking repositories, creating new branches, and creating/receiving pull requests. Details of my contributions are explained below. In addition to these, I also received my first pull request to review nad merge another students contributions to my own application. Fixing Another Students Bug One of my colleagues ( dbeigi ) built a note taking application called " whiteboard " that allows users to save their notes using hotkey inputs, otherwise the application is meant to automatically save the users work every 4 seconds. While I was reviewing the code, I noticed the paramter in the setInt...

Lab 8 - Contribution Goals for CDOT Telescope & LifeStyle E-Commerce

After successfully completing Hacktoberfest, we move onto bigger and better challenges in open source. By November 15th I have the following goals to complete: 1. Contribute to a bigger issue on an open-source project (no more "good-first-issue" tags). 2. Contribute to CDOT Telescope, an internal project built by my fellow classmates. In this post I will break down my issue and goal for each goal. External Project- LifeStyle E-Commerce  This is a project I found in hacktoberfest and fixed a styling alignment bug for. You can find the full details of my contribution in my previous post.   If you are already familiar wit the project, you can skip the overview section. Overview Lifestyle E-ommerce is a front-end project for building an online store. It supplies various well designed pages for front-end developers to customize and utilize as a starting point for their e-commerce projects, whether it be for themselves or their clients. I gravitated towards this ...