DEV Community

Cover image for Building a React Native app from scratch
Mauro Garcia
Mauro Garcia

Posted on • Edited on • Originally published at maurogarcia.dev

16 9

Building a React Native app from scratch

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:⁣⁣

GitHub logo mauro-codes / formal-booking

A React Native barber booking app


⁣⁣

Let me know what you think

I'll love to hear your thoughts about this project! Is there any specific topic you want me to tackle during the series? Let me know in the comments below.

Sentry mobile image

Mobile Vitals: A first step to Faster Apps

Slow startup times, UI hangs, and frozen frames frustrate users—but they’re also fixable. Mobile Vitals help you measure and understand these performance issues so you can optimize your app’s speed and responsiveness. Learn how to use them to reduce friction and improve user experience.

Read the guide →

Top comments (1)

Collapse
 
johnatanbs profile image
johnatanbs • Edited

Thanks for adding this information. I also suggest this company for mobile app development mlsdev.com/services/mobile-app-dev...

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay