What exactly is the the 'react-scripts start' command?

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP


What exactly is the the 'react-scripts start' command?



I've been working with a React project, using react-create-app, and I have two options to start the project:


react-create-app



First way:



npm run start with the definition at the package.json like this:


npm run start


package.json



"start": "react-scripts start",


"start": "react-scripts start",



Second way:



and npm start


npm start



What is the difference between these two commands? And what is the purpose of the react-scripts start?


react-scripts start



I tried to found the definition, but I just found a package with the name, and I still don't know what is the meaning of this command.





are you using create-react-app? seems like its a scripts related to that specific project
– Sagiv b.g
Jun 6 at 13:49





@Sagivb.g yes, I updated my question
– Felipe Augusto
Jun 6 at 13:51





"start" is a name of a script, in npm you run scripts like this npm run scriptName, npm start is also a short for npm run start
– Sagiv b.g
Jun 6 at 13:52


npm


npm run scriptName


npm start


npm run start





react-scripts start is the proper command to run the React app in dev mode. This command is stored in package.json so you don't have to memorize it and may simply type the usual npm run start instead. npm start is a shortcut for the latter.
– Chris G
Jun 6 at 13:55


react-scripts start


npm run start


npm start




2 Answers
2



react-scripts is a set of scripts from the create-react-app starter pack. create-react-app helps you kick off projects without configuring, so you do not have to setup your project by yourself.


react-scripts


create-react-app



react-scripts start sets up the development environment and starts a server, as well as hot module reloading. You can read here to see what everything it does for you.


react-scripts start



with create-react-app you have following features out of the box.



npm start is a shortcut for npm run start.


npm start


npm run start



npm run is used to run scripts that you define in the scripts object of your package.json


npm run


scripts



if there is no start key in the scripts object, it will default to node server.js


start


node server.js



Sometimes you want to do more than the react scripts gives you, in this case you can do react-scripts eject. This will transform your project from a "managed" state into a not managed state, where you have full control over dependencies, build scripts and other configurations.


react-scripts eject



"start" is a name of a script, in npm you run scripts like this npm run scriptName, npm start is also a short for npm run start


npm run scriptName


npm start


npm run start



As for "react-scripts" this is a script related specifically to create-react-app






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

-

Popular posts from this blog

Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding

Image
Clash Royale CLAN TAG #URR8PPP Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding Yesterday we were trying to update the firmware of our 3D-printer a Tevo Tarantula i3 The printer was running Marlin 3D Printer Firmware. We installed a new module a TL-Touch Sensor, a chinese copy of the Bl-Touch an auto bedleveling touch sensor for a 3D printer. After re-configurating a new version of the firmware for our setup in the Arduino IDE we went on with uploading the sketch to the Arduino Mega that was controling our 3D printer. Before we started uploading we made sure the right COM-port was selected in the Arduino IDE and that also the right type of Arduino was selected. The Arduino Mega 2260. Then we started with compiling the firmware and then uploading it to the Mega, Somewhere in between that moment the IDE freezed and crashed. As a response we removed the USB cable that was connected from the PC uploading the firmware onto the Arduino Mega, (This was a st...
Read more

Visual Studio Code: How to configure includePath for better IntelliSense results

Image
Clash Royale CLAN TAG #URR8PPP Visual Studio Code: How to configure includePath for better IntelliSense results so I am a complete beginner to using Visual Studio Code and I have no clue what I am doing. I've searched around (maybe not enough), but I cant find just a simple explanation for someone like me on how to configure the c_cpp_properties.json file that I am redirected to whenever I click on the yellow lightbulb next to a line that is underlined with a green squiggle. Lightbulb example c_cpp_properties.json I just want to know what to put in the .json to make IntelliSense work properly This question has answers that may be good or bad; the system has marked it active so that they can be reviewed. 2 Answers 2 From: https://code.visualstudio.com/docs/languages/cpp Below you can see that the MinGW C++ include path has been added to browse.path for Windows: { "name": "Win32...
Read more

C++ virtual function: Base class function is called instead of derived

Image
Clash Royale CLAN TAG #URR8PPP C++ virtual function: Base class function is called instead of derived I have following code snippet: using namespace std; class base { public: virtual void print(char a){ std::cout<<" Base "<<std::endl;} }; class derived :public base { public: void print(floata) {std::cout<<" Derived "<<std::endl;} }; int main() { base* d = new derived; d->print(1.5); return 0; } Output is "base" Why output is coming from base function and not from derived one By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
Read more