Press F12 or just open Chrome Dev Tools.
Click on the Toggle Device Icon (marked in blue).
In your browser window, you will see this resolution modifyier:
Modify according to your needs to test different screen resolutions.
NOTE: Screen Resolution CANNOT be simulated by changing the browser window size 😉
- Learn how to setup a custom network for your containers: container A talks to container B
- Learn how to run multiple webapps inside Docker containers on different ports with Docker Compose
Download complete source code here
When you have difficulties in cloning a repository, there is a quick solution for your local environment:
git config --global http.sslVerify false
Please be aware that this is a global deactivation of certificate verification. This is only a quickfix.
In Webstorm, start your application. I prefer the command line:
$ npm start
Choose your project path (because we are Harder IT Consulting, our nickname is HIT – C:\HIT\<application>)
Paste the URL http://localhost:3000 (or the URL you have configured your React Application to run on, 3000 is the default).
Press the DEBUG button at the top right corner with your Debug configuration selected.