Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.10/intro-react-native-components.html b/docs/0.10/intro-react-native-components.html
new file mode 100644
index 00000000000..b36ee7ce7db
--- /dev/null
+++ b/docs/0.10/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.10/intro-react-native-components/index.html b/docs/0.10/intro-react-native-components/index.html
new file mode 100644
index 00000000000..b36ee7ce7db
--- /dev/null
+++ b/docs/0.10/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.11/getting-started.html b/docs/0.11/getting-started.html
index 7fa1dba4f5b..1c9c0ca37af 100644
--- a/docs/0.11/getting-started.html
+++ b/docs/0.11/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.11/intro-react-native-components.html b/docs/0.11/intro-react-native-components.html
new file mode 100644
index 00000000000..699333153a9
--- /dev/null
+++ b/docs/0.11/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.11/intro-react-native-components/index.html b/docs/0.11/intro-react-native-components/index.html
new file mode 100644
index 00000000000..699333153a9
--- /dev/null
+++ b/docs/0.11/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.12/getting-started.html b/docs/0.12/getting-started.html
index 7057ee116d8..3d1fb80f12f 100644
--- a/docs/0.12/getting-started.html
+++ b/docs/0.12/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.12/intro-react-native-components.html b/docs/0.12/intro-react-native-components.html
new file mode 100644
index 00000000000..2c06c8047ff
--- /dev/null
+++ b/docs/0.12/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.12/intro-react-native-components/index.html b/docs/0.12/intro-react-native-components/index.html
new file mode 100644
index 00000000000..2c06c8047ff
--- /dev/null
+++ b/docs/0.12/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.13/getting-started.html b/docs/0.13/getting-started.html
index b4ac97b0c57..90e0eb5f720 100644
--- a/docs/0.13/getting-started.html
+++ b/docs/0.13/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.13/intro-react-native-components.html b/docs/0.13/intro-react-native-components.html
new file mode 100644
index 00000000000..ecb41029b68
--- /dev/null
+++ b/docs/0.13/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.13/intro-react-native-components/index.html b/docs/0.13/intro-react-native-components/index.html
new file mode 100644
index 00000000000..ecb41029b68
--- /dev/null
+++ b/docs/0.13/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.14/getting-started.html b/docs/0.14/getting-started.html
index 8fcfbfaaffe..09f4dd5cd51 100644
--- a/docs/0.14/getting-started.html
+++ b/docs/0.14/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.14/intro-react-native-components.html b/docs/0.14/intro-react-native-components.html
new file mode 100644
index 00000000000..62708e6e4a0
--- /dev/null
+++ b/docs/0.14/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.14/intro-react-native-components/index.html b/docs/0.14/intro-react-native-components/index.html
new file mode 100644
index 00000000000..62708e6e4a0
--- /dev/null
+++ b/docs/0.14/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.15/getting-started.html b/docs/0.15/getting-started.html
index 8542707eb98..eff0242656c 100644
--- a/docs/0.15/getting-started.html
+++ b/docs/0.15/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.15/intro-react-native-components.html b/docs/0.15/intro-react-native-components.html
new file mode 100644
index 00000000000..d83c7cfb355
--- /dev/null
+++ b/docs/0.15/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.15/intro-react-native-components/index.html b/docs/0.15/intro-react-native-components/index.html
new file mode 100644
index 00000000000..d83c7cfb355
--- /dev/null
+++ b/docs/0.15/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.16/getting-started.html b/docs/0.16/getting-started.html
index b08e426d310..4a4c01764cf 100644
--- a/docs/0.16/getting-started.html
+++ b/docs/0.16/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.16/intro-react-native-components.html b/docs/0.16/intro-react-native-components.html
new file mode 100644
index 00000000000..24c21d28616
--- /dev/null
+++ b/docs/0.16/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.16/intro-react-native-components/index.html b/docs/0.16/intro-react-native-components/index.html
new file mode 100644
index 00000000000..24c21d28616
--- /dev/null
+++ b/docs/0.16/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.17/getting-started.html b/docs/0.17/getting-started.html
index 863f129a20b..b30510a248f 100644
--- a/docs/0.17/getting-started.html
+++ b/docs/0.17/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.17/intro-react-native-components.html b/docs/0.17/intro-react-native-components.html
new file mode 100644
index 00000000000..c2f601870e9
--- /dev/null
+++ b/docs/0.17/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.17/intro-react-native-components/index.html b/docs/0.17/intro-react-native-components/index.html
new file mode 100644
index 00000000000..c2f601870e9
--- /dev/null
+++ b/docs/0.17/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.18/getting-started.html b/docs/0.18/getting-started.html
index 32bf9356f6c..29dcc093790 100644
--- a/docs/0.18/getting-started.html
+++ b/docs/0.18/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.18/intro-react-native-components.html b/docs/0.18/intro-react-native-components.html
new file mode 100644
index 00000000000..7b0ec93bbc1
--- /dev/null
+++ b/docs/0.18/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.18/intro-react-native-components/index.html b/docs/0.18/intro-react-native-components/index.html
new file mode 100644
index 00000000000..7b0ec93bbc1
--- /dev/null
+++ b/docs/0.18/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.19/getting-started.html b/docs/0.19/getting-started.html
index 2299b14cc84..6253d94db1f 100644
--- a/docs/0.19/getting-started.html
+++ b/docs/0.19/getting-started.html
@@ -290,9 +290,9 @@
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
+
Watchman is a tool by Facebook for watching changes in the filesystem. It is highly recommended you install it for better performance and increased compatibility in certain edge cases (translation: you may be able to get by without installing this, but your mileage may vary; installing this now may save you from a headache later).
Creating a new application
diff --git a/docs/0.19/intro-react-native-components.html b/docs/0.19/intro-react-native-components.html
new file mode 100644
index 00000000000..c396abb68b0
--- /dev/null
+++ b/docs/0.19/intro-react-native-components.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.19/intro-react-native-components/index.html b/docs/0.19/intro-react-native-components/index.html
new file mode 100644
index 00000000000..c396abb68b0
--- /dev/null
+++ b/docs/0.19/intro-react-native-components/index.html
@@ -0,0 +1,106 @@
+Core Components and Native Components · React Native
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+
+
\ No newline at end of file
diff --git a/docs/0.19/navigatorios.html b/docs/0.19/navigatorios.html
index 1ab30326b9a..21307568c44 100644
--- a/docs/0.19/navigatorios.html
+++ b/docs/0.19/navigatorios.html
@@ -295,7 +295,7 @@
React Native is an open source framework for building Android and iOS applications using React and the app platform’s native capabilities. With React Native, you use JavaScript to access your platform’s APIs as well as to describe the appearance and behavior of your UI using React components: bundles of reusable, nestable code. You can learn more about React in the next section. But first, let’s cover how components work in React Native.
+
Views and mobile development
+
In Android and iOS development, a view is the basic building block of UI: a small rectangular element on the screen which can be used to display text, images, or respond to user input. Even the smallest visual elements of an app, like a line of text or a button, are kinds of views. Some kinds of views can contain other views. It’s views all the way down!
+
+
+ Just a sampling of the many views used in Android and iOS apps.
+
+
Native Components
+
In Android development, you write views in Kotlin or Java; in iOS development, you use Swift or Objective-C. With React Native, you can invoke these views with JavaScript using React components. At runtime, React Native creates the corresponding Android and iOS views for those components. Because React Native components are backed by the same views as Android and iOS, React Native apps look, feel, and perform like any other apps. We call these platform-backed components Native Components.
+
React Native lets you to build your own Native Components for Android and iOS to suit your app’s unique needs. We also have a thriving ecosystem of these community-contributed components. Check out Native Directory to find what the community has been creating.
+
React Native also includes a set of essential, ready-to-use Native Components you can use to start building your app today. These are React Native's Core Components.
+
Core Components
+
React Native has many Core Components for everything from form controls to activity indicators. You can find them all documented in the API section. You will mostly work with the following Core Components:
+
+
+
React Native UI Component
Android View
iOS View
Web Analog
Description
+
+
+
<View>
<ViewGroup>
<UIView>
A non-scrollling <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
+
+
+
In the next section, you will start combining these Core Components to learn about how React works. Have a play with them here now!
Because React Native uses the same API structure as React components, you’ll need to understand React component APIs to get started. The next section makes for a quick introduction or refresher on the topic. However, if you’re already familiar with React, feel free to skip ahead.
+ 