Introduction

react javascript reactnative mobile

Series:

1Introduction

2Project overview

Do you want to learn what it takes to build a real app with React Native?⁣⁣ Today I'm presenting a new series called "Building a React Native app from scratch."⁣⁣

Project Home Page

Scope of the series

You can find thousands of React Native step-by-step tutorials out there. That kind of content is highly focused on the how to do, but I decided to shift the focus of this series and talk more about the what and less about the how.⁣⁣ ⁣⁣ Building a mobile application is not just writing code until it's finished. There are tons of things to think about and prepare before even opening your favorite IDE:⁣⁣

  • Build a prototype of each screen of your app.⁣⁣
  • Choose a color palette / icons / typography.⁣⁣
  • Design the navigation flow between each screen.⁣⁣
  • Identify reusable components / define a consistent naming for them.⁣⁣
  • Choose a standard nomenclature for methods, components, screens.⁣⁣ ⁣⁣

Besides, during and after development, you'll have to do things like:⁣⁣

  • Learn how to publish your app in the App Store and Google Play⁣⁣
  • Test your app using different configurations⁣⁣
  • Take screenshots using different sizes for each store.⁣⁣ ⁣⁣

In this series, I will share my process with you as I complete all these tasks one by one. In addition, I will add tips and recommendations for each step of the process.⁣⁣ ⁣⁣ In the next post, I'll give you an overview of the whole project. There I'll talk about the story behind this project, and I'll dig deeper into the project's scope in terms of screens, features, etc.⁣⁣

⁣⁣ If you want to dig deeper into the code, check out my GitHub repo.