React Native (OS Framework)

Overview

Before in other to write an Android app you either have to use Kotlin or Java while IOS you will have to use either Swift or Object-C. However, with React Native, it allows us to write a UI using React Components: bundles of reusable, and nestable code.

Untitled

Untitled

diagram_ios-android-views.svg

View and mobile development

A view is the basic building block of UI: a small rectangular element on the screen which can be display text, image, or response to user input. Even the smallest visual elements of an app, like line of text or a button, are kind of views. Some kind of vies can contain other views.

Native Components

In RN we could write-once-run-anywhere . At a runtimes, RN will render these views block with JavaScript using React components therefore creates the corresponding Android and IOS views for those components. Because

Core Components

React Native has many Core Components for everything from controls to activity indicators. Reference to all documented in the API section.

REACT NATIVE UI COMPONENT ANDROID VIEW IOS VIEW WEB ANALOG DESCRIPTION
<View> <ViewGroup> <UIView> A non-scrolling <div> A container that supports layout with flexbox, style, some touch handling, and accessibility controls
<Text> <TextView> <UITextView> <p> Displays, styles, and nests strings of text and even handles touch events
<Image> <ImageView> <UIImageView> <img> Displays different types of images
<ScrollView> <ScrollView> <UIScrollView> <div> A generic scrolling container that can contain multiple components and views
<TextInput> <EditText> <UITextField> <input type="text"> Allows the user to enter text

Hooks

Untitled

Untitled

Untitled

Security

Untitled