Fundamentals of react app

Source: Dev.to

Introduction

Today we’re going to look at the reasons and uses of the files and folders that are visible when creating a React app.

The topics we’ll cover are:

• What is node_modules?
• What is src?
• What is App.css?
• What is App.jsx?
• What is index.css?
• What is main.jsx?
• What is index.html?
• What is package.json?

What is node_modules?

node_modules is the directory that holds all the dependencies required by a React app. When you run the command below, npm downloads the packages listed in package.json and places them here:

npm install

What is src?

The src folder contains the source code of your React application—JavaScript/JSX files, CSS files, and other assets that are compiled and bundled for the browser.

What is App.css?

App.css is a stylesheet that provides styling for the components defined in App.jsx (or App.js). It allows you to apply CSS rules to the elements rendered by the App component.

What is App.jsx?

(Content not provided.)

What is index.css?

(Content not provided.)

What is main.jsx?

(Content not provided.)

What is index.html?

(Content not provided.)

What is package.json?

(Content not provided.)