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

The directory structure of a React Native application is very similar to that of a standard web application. 

# Directories

These are some of the main and important directories and files in a React Native application.

## `android`
This is the folder where the android project is created.

### `app`
This is a subfolder inside the `android` directory. It contains all the React Native code, assets, and dependencies.

- `src`: This is a subfolder inside the `app` directory. It contains all the Java files that are needed to build an Android project.
   - `AndroidManifest.xml`: This file is present inside the `src` folder and it contains information about our project, including its package name and other important declarations.

### `gradle`
This is a subfolder inside the `android` directory. It contains all the files needed for building, testing, and packaging the React Native application.
  
### `build.gradle`
This is a top-level gradle configuration file present inside the `android` directory. It is used to configure an Android application's build process. It contains the instructions for building the project, including dependencies and plugins.
   
### `gradle.properties`
This file is present inside the `android` directory and contains information about the React Native build. It provides instructions for building React Native modules and application components. 

# `.js` files

- `App.js`: This file is the main entry point for a React Native application. This is where we initialize our application, set up the root component, and create the first route.

- `index.js`: This is a JavaScript file used to launch React Native applications on Android devices.

-  `babel.config.js`: This file configures Babel for React Native development. It is also used to specify which files should be compiled and which should not.

- `metro.config.js`: This file is a JavaScript file that defines the configuration for the Metro library in React Native. It provides functions to configure the behavior of the Metro library, what data sources to use, and how to handle common tasks such as navigation and localization.

- `package.json`: This is a JSON file that contains metadata about the project, including its name, version, description, and various other dependencies.

Learn about the directory structure of a React Native application.

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

React Native Directory Structure