Kickstart your journey as a React Native developer.

native.tar.gz

reactNative

React Native is a well-known mobile application development framework that allows developers to create rich, cross-platform mobile application UI using reusable components. It's ideal for building mobile applications and supports multi-platform reusable code, pre-built components, and a rich UI. Most well-known social media platforms, such as Facebook and Instagram, have been built using React Native. 

In this course, you’ll start with a brief introduction to React Native and then cover various built-in components of React Native categorized into different categories such as basic, user interface, user interaction, and list view components. Next, you’ll learn about concepts such as application styling, navigation, Hooks, state management, and database management. You’ll find interactive quizzes and challenges throughout the course to test your understanding.

By the end of this course, you’ll be able to develop mobile applications and kickstart your journey as a React Native developer.

Getting Started with Mobile App Development with React Native

**(True or False)** The size of the `ActivityIndicator` component can be set to medium by setting the `size` prop to `medium`.
```
 <ActivityIndicator
 size="medium"
 color="green"
 />
```

(True or False) The size of the <code>ActivityIndicator</code> component can be set to medium by setting the <code>size</code> prop to <code>medium</code>.
<pre><code> &lt;ActivityIndicator
 size=&quot;medium&quot;
 color=&quot;green&quot;
 /&gt;
</code></pre>

What will be the output of the following code snippet?

```
    Alert.alert(
      'Warning',
      'Do you want to continue deleting this file?',
      [
        {
          text: "Don't ask me again",
          style: "neutral",
        },
        {
          text: "No",
          style: "negative",
        },
        {
          text: "Yes",
          style: "positive",
        },
      ],
)
```

What will be the output of the following code snippet?
<pre><code> Alert.alert(
 'Warning',
 'Do you want to continue deleting this file?',
 [
 {
 text: &quot;Don't ask me again&quot;,
 style: &quot;neutral&quot;,
 },
 {
 text: &quot;No&quot;,
 style: &quot;negative&quot;,
 },
 {
 text: &quot;Yes&quot;,
 style: &quot;positive&quot;,
 },
 ],
)
</code></pre>

`const height = Dimensions.get('screen_height');`

`const height = Dimensions.get('screen').height;`

`const height = Dimensions.get('height').screen;`

`const height = Dimensions.get.height.screen();`

What is the correct way to get the height of the device screen using the `Dimensions` API?

What is the correct way to get the height of the device screen using the <code>Dimensions</code> API?

**(Select all that apply.)** Which device properties can be extracted using the `Dimensions` API?

(Select all that apply.) Which device properties can be extracted using the <code>Dimensions</code> API?

**(True or False)** To shift the entire view of the application above the virtual keyboard, we set the `behavior` prop to `position` in the `KeyboardAvoidingView` component.
```
<KeyboardAvoidingView 
 enabled={ true }
 keyboardVerticalOffset={ 0 }
 behavior = 'position'
 style={styles.container}
>
```

(True or False) To shift the entire view of the application above the virtual keyboard, we set the <code>behavior</code> prop to <code>position</code> in the <code>KeyboardAvoidingView</code> component.
<pre><code>&lt;KeyboardAvoidingView 
 enabled={ true }
 keyboardVerticalOffset={ 0 }
 behavior = 'position'
 style={styles.container}
&gt;
</code></pre>

Quiz yourself on what you've learned about the miscellaneous components of React Native.

Before We Begin

Introduction to React Native

Basic Components

User Interface and User Interaction

List View

Android Components and APIs

Miscellaneous Components and APIs

Application Styling

Navigation

Hooks

State Management

Database Management

Appendix

Quiz: Miscellaneous Components and APIs