Day 30: The finale (#ReactNativeIn30Days)

Today marks the final day of my #ReactNativeIn30Days series. I will say the journey has not been easy, but very worth it. I started this journey with no prior experience in mobile development, but I can now confidently say that I have acquired the fundamentals over the 30 days of learning React Native. And the skills acquired over this period time can be used to build ideas I have in mind and the ideas of others.

How I got started.

I got the inspiration to learn React Native and blog about it from my mentor and my immediate boss. He has a solid background in Angular and decided to try out React for the next 30 days. Hence the title #ReactNativeIn30Days.

Fortunately for me, I have some experience with React, hence choosing a language or framework to learn mobile development wasn’t an issue for me.

The next step was to gather the materials I will need to get started. I went straight to the official documentation for React Native to get started. The explanations and examples were straight forward for anyone with some experience in React to grasp. Also, I used some tutorials on youtube as additional studying materials. Tutorials from net ninja and Maximilian Schwarzmuller were very helpful.

What I have learned so far

Getting into mobile development has been one of my top priorities this year, and having a strong fundamental was very crucial for me. With the help of React Native official documentation as a guide, I covered the following;

props and state, components, style, flexbox, handling text input, handling touches, rendering a list of data using a scroll view, list view or flat list, navigating between screens using react-navigation library, images, modals, icons, connecting react-native with redux, react-native with firebase.

What I built

Within the 30 days of my learning journey, I built an expense tracker app. The app calculates the total balance left after deducting expenses from income. Besides, I added authentication using Firebase email/password sign-method and registered users as well. Also, I persisted in data into a database using Firebase firestore to created a fully functional application.

Screenshots of the project:

Wrap-up:

This is the final post under this series. Today, I gave a summary of what I have learned over the past 30 days. I also uploaded screenshots of the project.

Github repo: https://github.com/victorbruce/react-native30