Everything that needs to be done before you can start developing React Native apps on your Mac

Desk setup
Desk setup
Photo by Linus Mimietz on Unsplash.

If you’re here, you’re in for a fun ride. We’re going to explore all the steps that must be followed in order to properly set up your Mac for React Native development. I will also show you the problems that I personally ran into and how to fix them.

If you’re on Windows, no problem! The steps are mostly the same — except for the three hours that are required for downloading Xcode.

Why You Should Use a Mac

The downside of developing RN apps on Windows is that you cannot test your app on iOS. If you’re only targeting Android, then there’s no fuss. But…


What is data visualization and how it manages to change the world

Photo by NASA on Unsplash

Introductory Q&A

What is data visualization?

The term data visualization refers to representing data in a format that is either pictorial or graphical, offering the user the possibility to grasp a better understanding of a dataset.

A data visualization tool refers to the software that is used for generating the said presentation. …


A closer look at how JavaScript code is run on an Android/iOS device, how it’s translated to native code, and more

Phone with code on screen
Phone with code on screen
Photo by Caspar Camille Rubin on Unsplash.

React Native is a JavaScript library that allows us to create mobile apps that will run on both Android and iOS. As they sell it, “Learn once, write anywhere.” Over the past two years, it has led the market and doesn’t seem to be slowing down. No matter how much I used to love Flutter (and still do), at some point, I had to admit that React Native is pretty cool and you can do really nice things if you know how to use it.


A very opinionated rant about why I find cross-platform development easier

Coding desk setup
Coding desk setup
Photo by Filiberto Santillán on Unsplash.

Before starting out, I want to say that I appreciate every mobile development platform equally. I respect every developer who helps the advancement of such technologies and I understand that there would be no cross-platform without native development. Take the following with a pinch of salt, as I’m occasionally exaggerating because of my own personal bias.

Mobile apps are a huge part of everybody’s lives. We carry our phones everywhere we go. We have our favorite apps right in our pockets — a constant means of keeping in touch with everybody, keeping our friends updated on what cute endeavors our…


A step-by-step tutorial to help you integrate FCM in your React Native app

Bell
Bell
Photo by Luís Perdigão on Unsplash.

Push notifications are a good way of increasing user engagement and keeping users up to date with the latest news and updates. In my opinion, the easiest way of adding push notifications to a mobile app is to use Firebase Cloud Messaging. FCM is available for a wide range of platforms (iOS, Android, Unity, web), and their documentation is pretty extensive.

You have a wide range of options when deciding how to use the service according to your needs. You can, for instance, simply send notifications directly from the console — anyone can do this. Here, you can provide a…


A complete guide to creating a new app on Apple’s AppStore and configuring Xcode configurations for your QA scheme

Laptop by an armchair
Laptop by an armchair
Photo by Henry Ascroft on Unsplash

Since I started working as a cross-platform mobile app developer, I have dreaded releasing iOS versions of apps to the AppStore. Not only have I heard iOS developers constantly complaining about the Apple’s complicated release flows, but now I was hands-on in the need of mastering it and handling that side of the app development cycle.

Creating an app in the AppStore is preceded by some extra steps. Let’s go through them.

Who is this tutorial aimed at?

This is aimed at mobile developers of any seniority who want to release an app to the AppStore. Whether you’re writing a native iOS app or a cross-platform…


What I learned during my first two years as a software developer

Working on laptop
Working on laptop
Photo by @fatosi on Unsplash.

I started working as a mobile developer in 2019 after a short internship proved to the company that I was the next big thing and got me my entry-level position. All jokes aside, I was happy to start working as a mobile dev. I had enjoyed developing mobile apps since I was a CS student, having also developed an AI-powered mobile app for my bachelor’s thesis.

So starting this job, I was glad to write quality code, to learn all there is to know about Kotlin, to pick up as much knowledge as I could from my colleagues. I would…


My rant on the importance of writing down what we think

Photo by Thought Catalog on Unsplash

I have been journaling since 2012. Back then, I was an edgy high school girl, not knowing anything about how weird and complicated the world really is. My idea of a high school experience was mostly shaped by the Disney channel: I dreamt of having a fun life, with cute boyfriends, a clumsy best friend that had my back no matter what, going to concerts, and so on. Imagine how shocked I was when I discovered how boring high school actually was. …


A concise and easy-to-follow guide on downloading files in React Native apps.

Photo by Christin Hume on Unsplash

In a previous article, I showed you how to add the library to your project and how to use it for uploading files to a remote server. The steps for adding the library to your project can also be found there. (TLDR; yarn add rn-fetch-blob ).

Now, there’s some additional configuration that needs to be done in order to download files with RNFetchBlob.

Since we are going to use Android Download Manager, we have to add the following intent filter to AndroidManifest.xml (app):

<intent-filter>
<action android:name="android.intent.action.DOWNLOAD_COMPLETE" /></intent-filter>

If you also plan on restricting the download to wifi, then you’ll also…


A complete guide on how to handle multipart requests in React Native

Photo by Fotis Fotopoulos on Unsplash

RNFetchBlob is a library whose purpose is to make our lives as React Native developers easier when dealing with transferring binary data.

In order to install it, run

npm install --save rn-fetch-blob

or

yarn add rn-fetch-blob

in your terminal.

Then go to your ios directory and run pod install .

In this article, we are going to look into uploading files. No worries, there’ll be a different one that will look into downloading files to the device.

The record object contains the basic info about the file that is to be uploaded:

export interface MedicalRecord {
description: string…

Bianca Dragomir

I’m a software developer who loves challenges and contemplating life

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store