Sunday, August 28, 2022

Create a New React App

npx create-react-app my-app-name

npm i node-sass --save-dev

npm i react-icons --save-dev


cd my-app || code . to open VS Code in current directory

npm start


https://reactjs.org/docs/create-a-new-react-app.html


npx create-react-app my-app-name --use-npm // react react-dom, webpack, Babel, CSS Modules are preconfigured and hidden in this package

Need to install the following packages:
 create-react-app@5.0.1
Ok to proceed? (y) y
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgr
ade asap.

Creating a new React app in /home/user/Documents/project/my-app-name.

Installing packages. This might take a couple of minutes.

Installing reactreact-dom, and react-scripts with cra-template...


added 1393 packages in 3m

209 packages are looking for funding
 run `npm fund` for details

Initialized a git repository.

Installing template dependencies using npm...

added 55 packages in 10s

209 packages are looking for funding
 run `npm fund` for details
Removing template package using npm...


removed 1 package, and audited 1448 packages in 3s

209 packages are looking for funding
 run `npm fund` for details

high severity vulnerabilities

To address all issues (including breaking changes), run:
 npm audit fix --force

Run `npm audit` for details.

Created git commit.

Success! Created feedback-app at /home/user/Documents/project003_React/front-to-back/feedback-app
Inside that directory, you can run several commands:

 npm start
   Starts the development server.

 npm run build
   Bundles the app into static files for production.

 npm test
   Starts the test runner.

 npm run eject
   Removes this tool and copies build dependencies, configuration files
   and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

 cd feedback-app
 npm start

Happy hacking!


sudo apt install nodejs

sudo apt install npm

sudo npm install live-server -g

sudo npm install node-sass -g https://create-react-app.dev/docs/adding-a-sass-stylesheet

sudo npm install npm-run-all -g


npm install -g parcel-bundler

npm install parcel-bundler --save-dev // local install if webpack not used

npm init -y


npm install -g next

npm install next --save-dev // local install

npx create-next-app

No comments:

Post a Comment