Navigate back to the homepage

Introduction To React Native

Infinitbility
Introduction
January 2nd, 2021 · 2 min read
Introduction To React Native

This Article Part of React Native Tutorial Series want to start from scrach follow below link

https://infinitbility.com/react-native/table-of-contents

What is react native?

React Native is an open-source mobile application framework created by Facebook, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use React’s framework along with native platform capabilities.

Prerequisites

To work with React Native, you will need to have an understanding of JavaScript fundamentals and Ecmascript 6. when you have experience with React is a plus point for you but not mandatory for Learning React Native.

History of React Native

Facebook develops the React Native in 2013 for their internal project Hackathon. Later on, it was released publically in January 2015 as React.js, and in March 2015, Facebook announced that React Native is open and available on GitHub.

React Native was initially developed for the iOS application. However, recently it also supports the Android operating system.

Why use React Native?

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don’t build a mobile web app, an HTML5 app, or a hybrid app; you build a real mobile app that’s indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React.

Advantages React Native

There are several advantages of React Native for building mobile applications. Some of them are given below:

  1. Create native apps for Android and iOS using React

    React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.

  2. Written in JavaScript—rendered with native code

    React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do.

  3. Native Development For Everyone

    React Native lets you create truly native apps and doesn’t compromise your users’ experiences. It provides a core set of platform agnostic native components like View, Text, and Image that map directly to the platform’s native UI building blocks.

  4. Seamless Cross-Platform

    React components wrap existing native code and interact with native APIs via React’s declarative UI paradigm and JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster.

  5. Fast Refresh

    See your changes as soon as you save. With the power of JavaScript, React Native lets you iterate at lightning speed. No more waiting for native builds to finish. Save, see, repeat.

  6. Community

    he large community of React and React Native around helps us to find any answer we require.

Disadvantages Of React Native

  1. Existence is Uncertain

    As the Facebook develop this framework, its presence is uncertain since it keeps all the rights to kill off the project anytime. As the popularity of React Native rises, it is unlikely to happen.

  2. Improving with Time

    Some features of iOS and Android are still not supported, and the community is always inventing the best practices.

  3. Native Components

    We will need to write some platform specific code if we want to create native functionality which is not designed yet.

  4. Takes More Time to Initialize

    The problem with React Native is that it takes a lot of time for initializing the runtime even for the hi-tech gadgets and devices before it can be rendered initially.

    This is again because of the JavaScript thread which takes time to initialize.

  5. Managing the Memory

    React Native is not fit to use for the computation of the intensive apps and yet again, the responsibility for this drawback falls on JavaScript.

    It becomes difficult to manage the memory and usage because of the float computations that are dealt in a inefficient manner.

More From React Native Tutorial

Basics

  1. Introduction To React Native
  2. React Native Environment Setup using expo
  3. React Native Environment Setup for windows
  4. React Native Environment setup on Mac OS
  5. React Native Environment setup on linux
  6. React Native Project Structure
  7. React Native State
  8. React Native Props
  9. React Native Styling
  10. React Native Flexbox
  11. React Native Text
  12. React Native Textinput
  13. React Native Commands
  14. React Native ScrollView

Advances

  1. React Native Dark Mode
  2. React Native Fonts
  3. React Native SQLite
  4. React Native DatepickerAndroid
  5. React native ScrollView scroll to position
  6. How to align icon with text in react native
  7. React Native Image
  8. React Native Firebase Crashlytics
  9. React Native Async Storage
  10. React Native Share

Error & Issue Solution

  1. Task :app:transformDexArchiveWithDexMergerForDebug FAILED In React Native
  2. Expiring Daemon because JVM heap space is exhausted In React Native
  3. Task :app:transformNativeLibsWithMergeJniLibsForDebug FAILED In React Native
  4. Unable to determine the current character, it is not a string, number, array, or object in react native
  5. App crashed immediately after install react native video or track player
  6. how to delete SQLite database in android react native
  7. React native material dropdown twice click issue
  8. How to get the current route in react-navigation?
  9. how to disable drawer on the drawer navigation screen?
  10. Image not showing in ios 14 react native

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

More articles from Infinitbility

Table Of Contents

Table Of Contents

React Native Tutorial - Table Of Contents

January 1st, 2021 · 1 min read
Text transform in React Native

Text transform in React Native

React Native Tutorial - textTransform in React Native

May 7th, 2021 · 1 min read
© 2021 Infinitbility
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]