What Is React Native

React Native is a JavaScript framework for building native mobile apps, React focuses on the view portion of your application. In more concrete terms, this means that when writing a React Native app, your view code will consist of writing React components, which are small pieces of code that describe how a portion of your app should look based on some set of input data.

Initial demos of React’s JavaScript language extension, JSX, made many developers uneasy. For years we had worked to separate HTML and JavaScript, but React seemed to combine them. Many also questioned the need for yet another client-side library in an ocean full of them.

View is the most common element in React Native. You can consider it as an equivalent of the div element used in web development.

Use Cases

Let us now see a few common use cases.

When you need to wrap your elements inside the container, you can use View as a container element.

When you want to style different elements, you can place them inside View since it supports style property, flexbox etc.

When you want to nest more elements inside the parent element, both parent and child can be View. It can have as many children as you want.

View supports synthetic touch events.

Prerequisites

you will need to have an understanding of JavaScript fundamentals. If you’re new to JavaScript or need a refresher, you can dive in or brush up at Mozilla Developer Network.

Posted In: React