top of page

The Ultimate Method For Creating Apps With React Native

Welcome to the ultimate method for creating apps with React Native, This method will show you step by step the things you need to do in order to create your new app, follow this method carefully and you will be able to create basically any app you want it all depends on your determination to actually make the app work perfectly which is something that you need to do on your own.

i - finding the concept

(If you already have an awesome concept skip this step)

​

The first thing you need to do when creating an app is finding the concept, It is highly important to choose a concept that excites you and the concept needs to be something you have a clear vision for and you know for sure that it can be something great that can benefit a lot of people.

 

Also, be mentally ready to put a lot of effort into that concept and be 100% certain that everything you will do during the making of the app will be worth it and the work itself should give you joy and not become just “work”.

 

If you want to go all the way with this concept it is very important that you will be in that mindset.

​

There are several ways in which you can find your concept:

​

•  The problem-solving way - simply observe your daily life and the daily lives of others in order to come up with various problems that occur to you or to other people, the solutions to these problems can be implemented with concepts that can be further made into apps, you are basically solving the problems using concepts for example: you want to go to sleep and you are in bed already but the lights are still on and the light switch is far away from the bed >this is a problem, the solution is to make the light switch accessible to you in bed thus make an app that can turn off the light in your room from the comfort of your bed >the concept.

 

•  The group concept - another good way to get a concept is to be around a group of people possibly friends and brainstorm good ideas for new apps this could be highly effective because the whole group shares the same will to make the concept work, in this way you have different perspectives on the benefits of the concept and you can be more certain that the concept will benefit other people the same way it could benefit you and the group you are in.

​

•  Finding an edge - if you are stubborn to come up with a concept right now, this is the way for you. To find an edge you need to put your intent into thinking of a concept that excites you, think about something that can actually make a change in your daily life and in others, ask yourself - what is different about that concept? once you find that something that makes you think - oh wow this could be pretty good! then you know that you have found your edge and this concept could actually work yet don't forget to ask people before you take it too seriously.

​​

II - learn to code with react native

In order to create your app and make it function perfectly, you need to gain skill in React Native, lucky for you this framework is not that hard to learn and is perfect for beginner coders, all you need to do is to take a basic course the will teach you all of the efficient things you need to know to start coding with React Native.

 

In this course, you will learn how to set your coding environment and to create several simple projects, you can even copy some code from these projects when creating your app just to make things easier. You will also learn the basics of Redux which could help you with handling data in your app, as you know React Native is supportive of both IOS and Android although it is recommended for you to start developing for Android just to keep things simple.

​

After you have finished the course it is very important to create some small simple apps (calculator, timer, etc...) just so you can get more familiar with React Native also you can watch videos that teach you how to create those simple apps.

The Complete React Native And Redux Course: https://www.udemy.com/the-complete-react-native-and-redux-course/

iii - how will the app work?

A big part of developing your app is to plan ahead on how will the app actually work and function, in other words, you need to write down the user's interactions with the app from the moment the user opens the app to the moment he is done using it and has achieved the efficiency of the main concept of the app.

 

This part lets you the privilege of knowing every single interaction the user does with your app and when making the app work you have the whole user interactions written down so it's easier to plan out what you need to do to make the app actually work later on.

​

So go ahead and start writing down the user experience of your app, how will the user interact with your app? from the first interaction to the last.

iv - how will the app look like?

It is time to create the app's prototype! before you create the actual project you need to know almost precisely how your app would look like and how the user interface would look like.

​

The first thing to do in terms of design is creating the logo of your app, you can do it on your own in Adobe Illustrator/Photoshop or hire a professional to do it for you. you can even create an original slogan for the app if you really want to push it forward. The logo of the app will be shown in the Play Store or App Store and will be shown as the icon of the app before opening it so it is important to make it very eye-catching. 

​

Now you can get to the truly important part which is creating the user interface design, you can sketch the design using a software called Sketch or even sketch it on plain paper also you can scout around on the internet for other websites that specialize in designing user interface quickly and easily. as long as you know how the user interface of your app would look like ( buttons, labels, text fields, pages, etc... ) you are good to go.

 

If you don't quite know how to sketch a basic mobile user interface you can take a look at some popular apps and how they look like.

​

​

Sketch: https://www.sketch.com/

v - creating the project

After you are certain that you have the ability to create simple apps with React Native and you need to have a fully functioning working space thus you need a code editor that is simple, I personally recommend the Visual Studio Code the most minimal code editor in my opinion, after that head over to the React Native site and get started with creating your new project.

 

It is highly recommended for you to learn Git and upload your existing project to Git, I personally use Bitbucket as the Git platform. Git is necessary for you to back-up your project and to possibly share it with your partners.

​

​

React Native: https://facebook.github.io/react-native/docs/getting-started

​

Visual Studio Code: https://code.visualstudio.com/

vi - implementing the user interface

The first thing you must do when working on your app is to bring your previously sketched user interface to life by implementing it in your app.

​

Firstly you will need to apply your new logo to your project just to put that aside and change the name of your actual app to your desired name.

​

After that, you need to transform every sketched component to an actual React Native component and design it the same way to basically have your sketches up and running in your app.

​

Design is one of the most important things you need in order to create a successful app so put a lot of effort into your user interface in my personal opinion the more minimal and simple the user interface is, the better.

vii - making it work

This step is short and pretty obvious, using what you did in step 3 start with the basic functionality of the app from the actual client side functionality to the server side (Frontend & Backend), the thing that the app can't work without because what your concept is based on is that main functionality.
After that move on to the small stuff  (settings, help, etc…).

The best way, in my opinion, to start coding the functionality of your app is to create a to-do list that plans out the things you need to do in order to make your app work from big things to small.

 
I also recommend a great to-do list site named Trello, it lets you create multiple to-do lists in a way that you can organize your whole project and tasks to complete your project:  https://trello.com/

viii - publishing the app

Here you will need to set your app for publishment, which means you need to first make sure you have several things (assuming you publish for Android):

​

  • a final logo

  • a feature graphic (Android) 

  • 3 screenshots or more

  • your perfectly working apk

​

Also, know that it is critical for you to check your apk before publishing it on Play Store, trace as many bugs as you can before you actually put anything in the Play Console.

​

Marketing your app:

The most important aspect of publishing an app is marketing, to market your app you need to get the word out and expose people to your app there are several ways you can market your app: 

​

â—‹ Use Google ads to take advantage of the Play Store's search engine

​

â—‹ Get the word out and tell your friends or even family you published a new app

​

â—‹ Reach out to influencers and to more app developers online and even in your     area, go to conventions, reach out to tech bloggers and such.

​

â—‹ If your idea is big enough you can even create a small landing page for your       app.

​

â—‹ Change your app name according to where your app is placed when you search for it, make it so you can easily find your app when searching for it or for something similar like a popular keyword.

​

â—‹ Adding an original video to your app that is made professionally can also give your app a big boost from the start. 

​

Thank you for reading this method made from my own experience I hope you succeed in the making and in the publishing of your app !

step-1
step-2
step-3
step-4
step-5
step-6
step-7
step-8
  • Grey Twitter Icon
  • Grey LinkedIn Icon
  • Grey Facebook Icon

© 2019 by developer.  Proudly created with Wix.com

bottom of page