React App: Building blocks

Aim

Create react app.

Summary

By the end of this page you should have a bare bones react app ready for modification.

Uninstall node

Note

This step was required with an old OS I was using. I have included it here for my reference because I botched an install of node and npm that required sudo permissions. The fresh install did not come with node. Also note that update and upgrade is only required if you haven’t started from the beginning of these docs.

# node
sudo apt-get remove node

# Drop node and npm from the following locations
# 1. /usr/local/lib/
# 2. /usr/local/include/
# 3. /opt/nodejs/lib/
# 4. /usr/local/bin

# update and upgrade
sudo apt-get update
sudo apt-get upgrade
sudo reboot

Install node and npm

# Node Version Manager (nvm)
git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout v0.33.5

# edit files (add... source ~/.nvm/nvm.sh to the end of each file)
sudo nano ~/.bashrc
sudo nano ~/.profile

# Check NVM version
nvm --version

# check pi cpu etc
lscpu

# find appropriate version of node from nodejs.org/dist
nvm install 8.0.0

# Another step from botched install of node
nvm use --delete-prefix v8.0.0

# update
npm update -g npm

Install create-react-app

npm install -g create-react-app

Build app and run

# repos/homesensors
create-react-app reactapp

# Run
cd reactapp
npm start