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

# What have we learned?

This chapter started with a brief introduction to the interactivity components provided by React Native, and we learned about the functionality provided by these components.

We then discussed some interactive components in detail, such as `Button`, `Switch`, touchables, and the gesture responder system. We also learned:

- How to use the user interactivity components and what happens when a user takes action in response to that interface.

- How to integrate the user interface and interaction components to produce a useful system that is visually appealing, simple to use, and provides a better user experience.

- How to style the components using inline and object-based styling.

- How to customize the functionality of the components using props.

- How to handle events using the relevant props of the components so that we can create a user experience that is not only functional but also enjoyable and satisfying.

We also learned about the gesture responder system of React Native and discussed how it handles various gestures, such as swiping and scrolling out of the box. We then tested our concepts by practically applying them inside coding playgrounds.

Here's a quick summary of what we learned in this chapter.

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

Summary: User Interface and User Interaction

What have we learned?