Things to consider before working with React

Sidharth Jain
Sep 8 · 5 min read
Image for post
Image for post
Things to consider before working with React

Being the owner of a start-up based in India is not a piece of cake. The challenges often comprise the constant need to keep a pace with the latest technological changes and updates. And, this is about the time that I wanted to develop an app with React Native. In the same process, we learnt the following-

1. React is easy to master because of the following

It is a JavaScript framework and used to write a real yet native mobile-based application. To be precise, it is a library which lets you create your own set of libraries. In simpler terms, even if you are a learner or a developed mind, there is no room for complications while using React Native.

Image for post
Image for post
The above figure shows the react as the preferred choice

The above figure shows the react as the preferred choice of JS

Source- Tecla

2. Routing

Routing in the react-native is as we can say, has come a long way. In the web browser, the pages are independent and reloaded from the stack. But speaking of the react-native, the pages are stacked on the top of each other. So, when you navigate from one screen to the other, it will keep it in the memory. And for the same purpose, it is recommended to find a stable router. Before, you start with the application development process.

3. App Theme Development

The dark mode is in fashion. A dark theme may help the user in a way that he does not strain his eyes when operating in the low light environments. You can attain the darker themes by following the below process-

Define your:

  1. Colour constants
  2. Get the required colours into your application
  3. You can also design the components to incorporate the colour

(If you want to go in detail about the same, you can contact us. And we will help you with another blog for the same purpose.)

But, no matter what, keep the following notions in your mind:

  1. It is better done at the starting when you are beginning with the process of application development
  2. Do no overcrowd with the theme

4. React does justice to its name

What if we tell you, you do not need any library or framework to develop a multi-platform mobile application?

Now, you must be in a state of shock and would ask what to do then? How can you create a mobile application without a library? The answer is simple. You can employ WebView (it is the browser that is bundled inside the aforementioned app).

But, there are certain disadvantages to the same. The WebView doesn’t guarantee on the overall performance. The visual effects so expected aren’t present. And, handling or taking care of such a gruesome gesture is hard. And, in such circumstances, you can couple it with the React Native. How will it do it? React Native will compile down to the application’s platforms native code.

5. Great Work Efficiency

What do you understand by the term efficiency? No, we aren’t taking your grammar’s test. We want to convey that React Native ranks high when it comes to doing a certain amount of work in the short development cycle. The react native is used today by the fortune companies as well as the start-ups. Moreover, to date, major app development cases are- Facebook, Instagram, Uber, Walmart to name a few.

You can keep the following pieces of advice in mind, to increase the performance of the app:

It is crucial to keep only the necessary features and eliminate the unwanted ones.

Often when using an android application, we witness that there could be a plethora of processes running in your immediate background. It may lead to memory leakage. In such a process, it can undermine the overall quality of your app’s performance. In such cases, avoid the use of ListView, and employ scrolling lists such as VirtualList, FlatList or even SectionList. It will amplify the performance of the abovementioned android application.

Reduce the size of the application is an important criterion. It is because the devices respond naturally better to the smaller applications. You can also use ProGuards to minimize the size of the graphics.

6. Styling with the React Native

There is a library known as a react-native extended stylesheet, which makes the overall styling more fun and interactive. Though the style system has flaws, it is easy to use as well as efficient. All you have to do is to keep your components small. And, the UI, as well as the styles, will fit on one single page.

7. The Expo

Do you know that reactive native is home to hundreds of libraries which are almost ready to use? But, despite this fact, it gets no attention from the creators or developers. And, when you try your hands to upgrade a newer React Native version, things may get ugly.

Expo plays a crucial role in fixing such issues. Expo is a well-known toolbox that accentuates the functions of React Native. It provides its usefulness because it consists of many APIs and tools to build facilities. It helps by developing as well as storing the contents in a cloud. It can even upgrade the application when installed from the app store or play store in the background.

8. Media Resources

Now, here comes the tricky part. If your application is not sensitive to an image or a video, an extra deal of effort might go in the development process. Moreover, loading images of any high quality can make the overall application process slow.

9. Profiler & the other tools

You must know how to employ the use of profiler. You can use the debug menu, watch out where your fps is running at, and run a profiler. You can do this to ascertain the root cause of the problem.

Wrapping it up

The popularity of react-native has sky-rocketed lately. But, any tools comes with a plethora of pros and cons. And, the above things we wished someone could have told us or prepared us.

As the adage goes, it is better late than ever you can keep the above things in mind before developing an app using react-native.

The above story was published on our website, https://graffersid.com/things-to-consider-before-working-with-react/

JavaScript In Plain English

Enjoyed this article? If so, get more similar content by subscribing to Decoded, our YouTube channel!

JavaScript In Plain English

New JavaScript + Web Development articles every day.

Sidharth Jain

Written by

Founder @ Graffersid.com | Building Website & Mobile Apps | Trusted by funded Startups | Awarded Best UX Design Team & Rising Star 2018

JavaScript In Plain English

New JavaScript + Web Development articles every day.

Sidharth Jain

Written by

Founder @ Graffersid.com | Building Website & Mobile Apps | Trusted by funded Startups | Awarded Best UX Design Team & Rising Star 2018

JavaScript In Plain English

New JavaScript + Web Development articles every day.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store