My First React Native Experience

Anjula Shanaka
JavaScript in Plain English
3 min readJan 31, 2022

--

First of all, happy new year! 🥳 Hope you are safe! This is my first article for 2022. I always wanted to develop a mobile application but didn’t get a chance to develop it. Then I got a small project to try out. In this article, I share a few words about my experience.

React Native was the obvious choice because I already have worked with React. Okay, so what about the backend? I chose Firebase for the backend. Firebase gave me all the functionalities I wanted in my application. The project I got didn’t have any complex logic or anything like that so it gave me the chance to focus more on the UI. For the UI components, I found this nice framework called UI Kitten.

Then I went through the getting started guide to set up the development environment.

Requirements

The basic requirements for the application were as follows:

  • User Registration/Login
  • User location sending
  • Showing users location on a map
  • Sending notifications when a user logs in and logs out

For the authentication, I used the firebase phone provider which allows you to sign in through your mobile number.

I faced quite some problems when adding the map to the screen but I was able to fix them using good old StackOverflow.

Another challenge was using Firebase Cloud Messaging to send the notifications. After some trial and error, I was able to tackle that also.

Here are some screenshots:

Final Thoughts

Even though this is a small mobile application. I learned quite a lot. Since I already knew React it was way easier. I don’t have anything to complain about so far.

What’s next?

The next part will be the hardest part so far. and that is publishing the application. The app is going to be on both the play store and the app store. Hope to do it soon and stay tuned for more about this.

With that, we came to the end of the article. Don’t forget to check out my other articles as well. See you guys at the next one. Until then, stay safe! ✌️

More content at plainenglish.io. Sign up for our free weekly newsletter. Get exclusive access to writing opportunities and advice in our community Discord.

--

--