Project structure overview in React Native - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of the App.js file in a React Native project?

The App.js file is the main entry point of a React Native app. It defines the root component that renders the app's UI and manages navigation or state at the top level.

beginner

What kind of files are usually found in the assets folder?

The assets folder stores static files like images, fonts, and icons that the app uses to display visuals and style.

beginner

Why do React Native projects have a node_modules folder?

The node_modules folder contains all the external libraries and packages installed via npm or yarn that the app depends on.

beginner

What is the role of the package.json file?

The package.json file lists the project’s dependencies, scripts, and metadata like the app name and version. It helps manage the project setup.

beginner

Where do you usually put reusable UI components in a React Native project?

Reusable UI components are typically placed in a components folder to keep the project organized and make components easy to find and reuse.

Which file is the main entry point of a React Native app?

A index.html

B App.js

C main.css

D config.json

App.js is the root component file where the app starts running.

Where should you put images used in your React Native app?

A node_modules folder

B src folder

C components folder

D assets folder

The assets folder is for static files like images and fonts.

What does the node_modules folder contain?

A External libraries and packages

B App source code

C Image files

D Configuration files

node_modules stores all installed packages your app uses.

Which file lists your app’s dependencies and scripts?

A package.json

B App.js

C README.md

D index.js

package.json manages dependencies and scripts for the project.

Where do you keep reusable UI components in a React Native project?

A node_modules folder

B assets folder

C components folder

D config folder

The components folder organizes reusable UI parts.

Describe the main folders and files you find in a React Native project and their purposes.

Think about where code, images, reusable parts, and dependencies are stored.

Explain why organizing your React Native project structure is important for app development.

Consider how a tidy project helps you and others work better.