CODEWITHSUNDEEP
reactjsvisual-studio-codebuild
Parta Canna
Parta Canna

Reputation: 33

How to build react.js apps at visual studio code?

I have created two apps using 'Visual Studio Code' and 'node.js.' I run them using command 'npm start,' and they show in the browser. I want to build them or deploy them so they can be used by anyone. It says there to use command 'npm run build.' How to do that, and what technique you use in order to build them?

Upvotes: 1

Views: 9133

Answers (2)

Juan Marco
Juan Marco

Reputation: 3241

Visual Studio Code or any other Code Editor for that matter is not relevant. You can develop, build and deploy any React app using any Code Editor you want, it's just a matter of preference.

  • "Building" refers to the task of preparing (transforming, minifying, compressing, etc.) all the relevant project files so that they're ready for production (assuming that your build scripts are configured to do so).

  • "Deploying" an app is usually a separate task that will deploy (upload) your current project build to a development platform provider like Firebase, Netlify, Azure, etc. Note that you have to register with a provider and setup a new project on their end before your deploy your project.

Which provider you use is totally up to you. Also, you have to configure your current project once you've chosen your development provider. They'll provide instructions on how to deploy your project.

On a side note, keep in mind that you can configure your own npm scripts so that they run whatever you want. More about that here

Upvotes: 0

technophyle
technophyle

Reputation: 9128

It depends on what configuration you used for building the React app. If you used create-react-app, npm run build is the correct command for building it.

If you used a different configuration (e.g. webpack), you should use the relevant command for that configuration.

Either way, deploying it will be as easy as copy/pasting the build folder's content to the server you want to host it, after running the build command.

Upvotes: 2

Related Questions