Windows Survival Guide for React and Web Developers

Introduction or why I wrote a survival guide

2 Routes

Which route to choose?

Fast Route

Pros:

Cons:

set-ExecutionPolicy RemoteSigned -Scope currentUser
Invoke-Expression (New-Object System.Net.WebClient).DownloadString('https://get.scoop.sh')
# If you get an error 'https is not supported try typing it by hand. Windows screws up URLs.
scoop help
# for usage information
scoop search # this will show all available packages
scoop search git # this will show all available packages with git in their name
scoop install git
scoop install nodejs-lts
scoop install yarn
git install https://github.com/GermaVinsmoke/bmi-calculator.git # If you get an error 'https is not supported try typing it by hand. Windows screws up URLs.
cd bmi-calculator.git
yarn # this will take some time
yarn start # this should start your default browser on http://localhost:3000

Bonus: Installing an editor

scoop bucket add extra
scoop install vscode # or notepadplusplus or atom

Rockstar Route

Pros:

Cons:

Check if you have the right windows version

Install WSL2

Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux # is this really needed
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

Install a Linux Distribution (Assumes that you install Ubuntu)

wsl --set-default-version 2
sudo apt update && sudo apt upgrade
explorer.exe .

Install VSCode on Windows

code .

Install NodeJS and Yarn on Ubuntu

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update && sudo apt install yarn
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
source ~/.bashrc
nvm install --lts

Use Linux tools to develop

npx create-react-app my-app
cd my-app
yarn start

Managing Director & Founder, Rockiger. Delivering an Apple MacBook alternative, for people who care about freedom. More: https://rockiger.com/en/blog-en/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store