React Native Tutorial

Introduction to react native :

React-native is an open-source javascript framework that can be used to develop native mobile apps for IOS and android. It is released by Facebook in 2015 and witnessed rapid growth because of its cross-platform applications.It is community-driven with the availability of a huge team of enthusiastic JS and native developers willing to share their knowledge and expertise and huge catalogs of freely available components. Here you can reuse the code which makes the app cost-effective. React-native Is the extension of hybrid. It uses a native UI component for making a native mobile app. If you know  react.js then you can easily start with react native.

react native introduction

The current version of react is 0.68.

Features of react native :

react native introduction
  • Both android and IOS supported: Previously if we wanted to create an app we were compelled to make it twice because – android supports apps that are written in java and kotlin but IOS supports apps that are written in objective-c and swift. It is more time-consuming and comparatively more expensive because we are creating a single app twice, this is why react is a famous framework, it offers cross-platform applications. Apps that are created using react can be used in Android as well as in IOS.
  • Huge community:  React native community is huge, whenever you are stuck by some bug there is a huge possibility that you can easily get the solution just in a single search.
  • Developer friendly: It has a modular and intuitive interface which makes it easy for developers to dredge into someone else’s project. Making updates is easy which makes it flexible for the team and even it’s simpler for testers to examine the code. React native comes with a wide range of libraries and even solutions for free that can be accessed by developers so it becomes easy to write bug-free code and simpled app building. Developers can take the help of the community for feedback on their ongoing work.
  • Rich library and tools: React native comes with a wide range of libraries and even solutions for free that can be accessed by developers so it becomes easy to write bug-free code and simpled app building. The react native team has developed a strong developers tool and meaningful error messages.
  • Live reloading and hot reloading is also a key feature.it makes react native efficient in terms of time.

Some disadvantages of using react native –

  • It requires a developer who is an expert in javascript to handle unusual events.
  • App made in react native will not be secure in terms of security.
  • Some necessary components are missing that need third-party components.
  • It is not as fast as it should be for adding the latest features.
  • React native is not efficient if we want to add complex gestures interface like – multi-screening or animations.
  • Mobile app built using react is hard to debug.
  • The license and patent controversy because of updated policies of Facebook(2007)

That if anyone uses open-source projects for patent issues, your access can be put on the block by Facebook.

  • It is not efficient in terms of memory management.

What is react dom?

Ans)  Before learning about reactdom let’s see what is DOM. DOM stands for document object model, we use DOM to interact with web pages. We can manipulate(add, change, delete) HTML documents using DOM . Here the document refers to the Html page, the object is HTML elements and the model is the internal structure of the web page.

ReactDom: It is a package that is DOM specific and provides methods that can be used at the top level of your app .It also provides specific modules for client and server apps and many more.

Command to install React-Dom :

Import * as ReatDom from ‘react_dom’;

If you use npm with ES5 then use-

Var ReactDom = require(‘react-dom)

React Native Tutorial Index

  • Animations
  • Debugging
  • Swipe deck props
  • The splash screen feature
  • Integration with redux and firewall
  • How to send OTP using react and firebase
  • How to authenticate the user using OTP

Misc


Related Topics

React Native navigation bar and button

Here we will be focusing on header navigation. We will add buttons to the header, which is the best way to interact with a header. We have already learned about...

4 minutes read.

TouchableOpacity in React Native

Touchable opacity is the most suited example if you want to make views respond to proper touch. If you want to control the opacity then it can be done by...

3 minutes read.

States in React Native

We can control data of components of react-native by state and props. We are familiar with props and used them multiple times previously. Props: This is used to customize components and...

3 minutes read.

React Native Fonts

The font is one of the important essences of any good UI(User Interface). It is very important to have a clear and beautiful font in your app. In this module,...

4 minutes read.

React Native Components

React Native components are the same as ordinary react components, but they are different in terms of rendering and styling. All react code lives in react components. They are independent...

16 minutes read.

Difference Between React.js and React Native

React js vs. React-native React native:  react-native is an open-source javascript framework that can be used to develop native mobile apps for IOS and android. Facebook released it in 2015 and witnessed...

3 minutes read.

React Native Sound

It is a great way to connect to the user. Just a tiny "ting" of any email received, or some sound for deleting a file or sound for sending a...

8 minutes read.

React Native stack navigation

You must know about the stack data structure. Stack is one of the important data structures which works in the FILO(first in last out) method. As you know, mobile apps are...

4 minutes read.

React Native Status Bar

What is the status bar? The simplest and easiest answer to this question can be answered by looking at your mobile phone's top section. What can you see? Most probably, it's...

4 minutes read.

What is a Bridge in React Native?

A React Native is generally composed of two fields or two parts: The first part is the code of JavaScript.The second one is native code. The ability to build a bridge between...

3 minutes read.

Redux in React Native

 It is a really amazing library of javascript, react, and react-native. It is very popular in react native domain. Every react and react native developer must know the redux it...

7 minutes read.

Lifecycle of React Native Components

We are familiar with the word “lifecycle”. In human life, the lifecycle has three phases - birthlifedeath In react native its component lifecycle is almost the same as the human lifecycle. The...

6 minutes read.

How Does React Native Work

Working of React Native React Native is a framework that lets us write android and iOS mobile applications using JavaScript. It is interesting to see how easy it is to develop...

4 minutes read.

TouchableHighlight in React Native

It is just a wrapper for making touch work properly, and it is the conventional way of handling touch gestures. Today's most future-proof solution is pressable API. pressable manages all...

2 minutes read.

Why to Learn React Native

The demand for smartphone applications is ever-changing. The elder ones disappear from our remembrances, and smartphones and new applications come each day. In this turbulent ecosystem, it is struggling for...

4 minutes read.

React Native Alert

In this part of the tutorial, we will learn about react-native's alert API. It is compatible with both android and IOS. What is API? Answer - API stands for Application programming interface,...

4 minutes read.

React native calender

In this article, we will be learning to add calendar features to react native app. So before creating the calendar, we do need to install a few packages or add some...

3 minutes read.

React Native Tutorial

Introduction to react native : React-native is an open-source javascript framework that can be used to develop native mobile apps for IOS and android. It is released by Facebook in 2015...

4 minutes read.

Advantages and Disadvantages of React Native

Advantages of using React Native It is observed that React Native stands out from most of the existing methods of cross-platform application development, like Ionic or Cordova, because React Native renders...

3 minutes read.

React Native indicator

React native activity indicator : React native activity indicator is one of the react-native components. We all have seen it several times. It's the loader. Look at the picture below - So now...

4 minutes read.