Scribd
Upload
26 views2 pages

06-Create React App Using Bundling Tools

The document outlines the process of creating a React 18x application using various bundling tools such as Webpack, Parcel, and Vite. It details the project structure, including folders for static and dynamic resources, and provides commands for project creation and starting the application. Additionally, it highlights the importance of Node.js for using Webpack and the role of package.json in managing project metadata and dependencies.

Uploaded by

Suraj Ingole
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
26 views2 pages

06-Create React App Using Bundling Tools

The document outlines the process of creating a React 18x application using various bundling tools such as Webpack, Parcel, and Vite. It details the project structure, including folders for static and dynamic resources, and provides commands for project creation and starting the application. Additionally, it highlights the importance of Node.js for using Webpack and the role of package.json in managing project metadata and dependencies.

Uploaded by

Suraj Ingole
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Creating React 18x Application

- React application can be built by using various bundling tools.

a) Webpack
b) Parcel
c) Vite

- Bundling tools allow to configure a complete web application for environments


like
a) Development
b) Quality [Testing]
c) Production

- Node JS provides support for Webpack bundler, hence you can create a react
application by using Webpack bundler if Node is installed on your PC.

- Create project by using the following command

F:\> npx create-react-app app-name[react-shopping]

- Open Project folder in VS code

- React Application File System comprises of the following

File / Folder Description

-----------------------------------------------------------------------------------
--------------------
public contains static resources like html, images, docs, etc.

src contains dynamic resources like scss, css, js, jsx, ts, tsx
etc.

node_modules contains all library files installed using NPM package manager.

[Link] contains project meta data.

[Link] contains complete dependencies list that are used for


project.

.gitignore configures the resources to ignore while publishing on to


GIT.

[Link] contains help documentation

- To start a react application you have to run a batch program

>npm start

You might also like