Discover React Native for creating rich, cross-platform mobile apps with reusable components. Gain insights into UI components, styling, navigation, Hooks, state, and database management.

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

Many components and APIs provided by React Native act as an abstraction for commonly used Android classes. These components and APIs provide useful functionality by encapsulating the functionality of Android classes. Let’s briefly summarize each of these components and APIs before we move on to learn about each one in detail.



# `BackHandler`

Most phones are touch-only and have dedicated swipe gestures for back navigation. However, some phones have a back button inbuilt as a hardware feature for back navigation. The `BackHandler` API enables back navigation by listening to button presses on the built-in back button.

# `DrawerLayoutAndroid`

The `DrawerLayoutAndroid` component is mainly used for navigation purposes. For example, mobile e-commerce applications have a sidebar that can be pulled out. Users can then navigate to different parts of the application by clicking on links available in the menu. This is achieved by using the `DrawerLayoutAndroid` component.

# `PermissionsAndroid`

Applications such as Facebook and Instagram allow users to upload photos and videos. However, the application should not have default access to the user's photo library. User privacy should be respected, and permission should be asked before accessing user data such as contacts, cameras, and photo albums. This is where the `PermissionsAndroid` API comes in. It enables developers to ask for permission from the user to access sensitive data.


# `ToastAndroid`

Sometimes applications need to provide simple feedback to the users, such as feedback related to a message being sent or a request being submitted successfully. Such feedback can be provided in the form of a popup known as **toast**. The `ToastAndroid` does just that. It is an API that allows developers to show popup messages and provide feedback to the users.



Get an introduction to the Android components and APIs provided by 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

Build a Music Player Application Using React Native

Database Management

Authentication with React Native Using Firebase

Appendix

Introduction to Android Components and APIs

`BackHandler`