React JS: Make apps from a single code base!



Have you ever wondered how apps are made? Have you ever thought of making your own app?

In this modern age of time, we have apps for doing basically everything. We use apps to use social media, track our fitness, hire cabs and auto-rickshaws, etc. As a result, the application development industry is booming right now.

If you are into developing apps and want to learn them, you are in the right place. We will be discussing how apps are designed and developed. We will try to provide you a full roadmap from which you can start your app development journey.

 

What is an app?

The word “App” is just the short form of the word “Application”. Apps are basically a piece of software that can be installed on a computer, phone, or any other smart device.

Apps usually do a single task. For example, a fitness app will help you to monitor your workouts and track your overall fitness.

There are generally 3 types of apps. They are

1.   Web Apps

2.   Native Apps

3.   Hybrid Apps

A web app is made using web technologies and it runs on a browser. A native app is made using native programming languages and it runs natively on the device. Finally, a hybrid app is generally made using web technologies and it is capable of running both on the web and natively. A user can use the app on a browser and can install it on his phone or other devices.



How are apps built?

Before starting to build an app, you need to ask yourself a few questions.

·      Why am I making this app?

·      Why will people use my app?

·      How will people be benefited?

·      What will be the design of the app?

·      What type of app do I want?

·      Who is my target audience?

·      What technology do I want to use?

After getting all the answers, write them on a piece of paper. These questions are very important as they will guide you through making a successful application.

If you are making an app for a client, make sure to ask them as there are many clients we have to deal with who do not clearly know what they want. As a result, they will give you a very vague explanation and if you make an app with that info, they might not like the result. Thus, these questions are very important to make sure you have all the info you need before starting the development process.

 

Web Apps:

If you want to make a web app, you can use various web technologies. One of the most famous JavaScript frameworks is React JS. It is developed by Facebook and they also use it in their own platforms. How can you learn React JS? That is what we will be discussing below.

To learn React JS, you need to learn JavaScript which is a programming language that mostly works with the web. Before learning JavaScript, you need to learn HTML and CSS. After having a very strong base in HTML and CSS, start making websites and increase your skill. When you get very comfortable with them, start learning JavaScript. Learn from basics to advance and implement them on your websites. Yes, it might take a long time but with a strong base, you will be able to be a good developer.

After being a pro in HTML, CSS, and JavaScript, start learning React JS. Always remember to make a lot of projects and make sure to complete them. Projects allow you to implement the knowledge you are gaining and completing projects will teach you a lot of things that you will not be able to learn if you keep your projects incomplete.

 

Native Apps:

Developing native apps will be easier if you learn React JS. React has two parts. The first one is React DOM which is used to develop web apps. The second one is React Native which is used to develop native apps. React Native is very similar to React DOM and it won’t be a big deal if you are good at React. But you must write different codes for the web app and the mobile app.

 


Hybrid App:

If you want to make a web app and a mobile app from the same code base, you can consider making a hybrid app. The concept of a hybrid app is that you write code once and from that, you can generate a web app and a mobile app that you can run on your device natively.

To make a hybrid app, you can use the Ionic framework and Capacitor along with React to make a mobile app out of the code that you wrote for the web app.

You must learn the Ionic framework and Capacitor to do it. These technologies will give you the power to convert your web app to an app that you can install on your mobile device and can use like a native app.

 

Bug Testing

After developing your app, you have to start testing it. There will be a lot of bugs that you need to find and fix them. After fixing all the problems, your app will be finally ready for deployment.

 

Conclusion

It takes a lot of skill to develop applications and it can be frustrating sometimes. But after completing it, when you have a complete app that you can be proud of, that you can use and show to people, you will have that inner peace and you will realize that the journey was worth it.

 

References

1.   https://reactjs.org/docs/getting-started.html

2.   https://reactnative.dev/docs/getting-started

3.   https://ionicframework.com/docs

4.   https://capacitorjs.com/docs

 

 

About me

My name in Muhammad Mujtahid. I am a student of Computer Science and Engineering at BRAC University. I have been working with React for the last 1.5 years mostly as a frontend developer making various applications for my clients. 

Comments

Post a Comment

Popular posts from this blog

FEMINISM : A VOICE AGAINST GENDER INEQUALITY

Image
  “Mahsa Amini did not die from blows to body,Iranian corone said amid widespread protests”. Yes, ‘MAHSA JINA AMINI’, a young Iranian woman,severely beaten and killed for not wearing a hijab in accordance with governments standards.Amini’s deatyh resulted in a series of protests in Iran.Has anyone ever thought what might these protests be called? Yes,Feminism! Infact Katajun Amirpur a German-Iranian professor said,”In their struggle for self-determination,Iranians are displaying a level of courage and cohesion we have not seen before .That’s why the protests sparked by Jina Mahsa Amini’s death are feminist.” Feminism in the 21 century is one of the most meaningful movements.Why? Because feminism is what made us concious about our rights by speaking against violence .Yes it is a loud shout against the injustice on the basis of gender based inequality,oppression.From the beginning of the civilization women has been manipulated when it was time to give them equal opportunities.Thus f...
Read more

Leveraging the Power of Memes : Memes Marketing

Image
Meme marketing is a strategy that involves using memes or meme-like content in marketing campaigns or social media strategy. Memes are often humorous images or videos that spread rapidly through online communities, and they have become a significant part of internet culture and language. Businesses can use memes in various ways, from simply sharing popular memes on social media to creating custom memes specifically for marketing purposes. One of the primary benefits of meme marketing is its ability to connect with audiences on a more personal level. Memes often rely on relatability and shared cultural experiences, and as a result, they can feel more authentic and down-to-earth than traditional advertising. This can help brands build a sense of community and create a more positive image in the eyes of consumers. Another advantage of meme marketing is its viral potential. Memes are designed to be shared and spread rapidly through online communities, and a successful meme marketing campa...
Read more

Shunno-Born too late to explore the Earth,Born too soon to explore the Galaxy

Image
  “We are the cosmos made conscious and life is the means by which the universe understands itself.” ―  Brian Cox what is Astronomy? Astronomy is a natural science that examines celestial objects and events (from the Ancient Greek "o" (astronoma), "science that investigates the rules of the stars"). In order to describe their creation and evolution, it makes use of mathematics, physics, and chemistry. Planets, moons, stars, nebulae, galaxies, and comets are among the interesting celestial bodies. Supernova explosions, gamma ray bursts, quasar, blazar, pulsar, and cosmic microwave background radiation are examples of relevant phenomena. Astronomy is the study of everything that comes from outside the atmosphere of the Earth. Astronomical cosmology is the study of the cosmos as a whole. Big Bang-Beginning of the Universe That’s pretty much how the universe began. Because it got so big and led to such great things, some people call it the " Big Bang ." But ma...
Read more