A graphical interface for running user load tests on your website.
To get up and running with this environment, please perform the following:
npm install
(in server folder) node server.js
npm start
Once you're set up with those, you can download/clone this repo to the root directory of your project, and run vagrant up from your Terminal application.
After everything installs, you can run vagrant ssh. This will shell you in to your local Vagrant instance. Have a look around, if you'd like, but the main folder you want to be aware of is the shared /vagrant directory. This directory is shared between your virtual machine and your local project directory.
I have set up the application structure where the React development files are in the app directory and the final, complied files are output to the public directory. This can be changed to fit your projects needs. Just note that the changes would also need to be reflected in the webpack.config.js file.
To run the Webpack Dev Server, you will want to move into the aforementioned shared folder on your Vagrant server. If you haven't already, shell into your Vagrant server via the vagrant ssh command. From there, type cd /vagrant. Now that you're in the right location, you just need to run npm start to fire up the Webpack Dev Server.
Once you have the Webpack Dev Server up and running, you can jump over to your browser and visit localhost:8881 and see that appication is running!
That's all there is to it. Now you have Node.js, NVM, React.js, Webpack, and PostCSS installed in a virtual machine and your local system environment is left untouched!
Running the Webpack Dev Server will not actually generate the output files. Instead it keeps and serves the resulting files from memory. When you're ready to generate the final output files for your project, run npm run bundle. This will generate everything into the public directory and you can distribute from there!