ruichuang

npm init -y
npm i --save react react-dom
npm i -D babel-core babel-loader babel-preset-es2015 babel-preset-react react-hot-loader webpack webpack-dev-server
npm i -g webpack webpack-dev-server(one time)

---------Nov 25-----------
[1] each render() return JSX syntax html which is how we want this component looks like after state got changed.
[2] React re-renders the components all the way down beginning at the component that contains the render] which means that
    React re-renders only components below the component that changed, and not the entire app. 
  

ruichuang

Vagrant
1. ioslate box.
2. run provisioning script(production env.) aganist box.
3. everyone using same provisioning script got same env.

Docker
1. docker file -- build --> docker image.
2. docker image contains all project code, env. and all installment needed to make project run --> docker container.
3. container run on top of VMs, any server with any Host OS as long as has Docker Engine installed.
4. deployi into cluster, running many containers let Nginx do load balancing.

ruichuang

Mac:
1. cd - (hyphen) you’ll go back to the directory you were in before the last time you issued the cd command.
2. tilde (~) symbol is a shortcut for your Home folder
3. mv file1 file2 file3 ... -t DESTINATION

ruichuang

$ npm install -g npm-check-updates
$ npm-check-updates -u
$ npm install 

https://www.npmjs.com/package/npm-check-updates

ruichuang

--------- npm update dependencies -------
npm i -g npm-check-updates
npm-check-updates -u
npm install

update angular-cli

ruichuang

no nedd to push "node_modules" on git, only need 'npm init' create package.json.

************************************************************************************************
ANSI escape codes:

Black        0;30     Dark Gray     1;30
Red          0;31     Light Red     1;31
Green        0;32     Light Green   1;32
Brown/Orange 0;33     Yellow        1;33
Blue         0;34     Light Blue    1;34

ruichuang

REST = REpresentational State Transfer

HTTP 
----Request----------
1. Verb (get-ready only/post/delete-idempotent/put-idempotent)
2. URI <protocol>://<service-name>/<ResourceType>/<ResourceID>
3. Http version
4. Request Header: key<->value
5. Request Body
-------response----------

ruichuang

sudo service nginx start
sudo service nginx stop
sudo service nginx restart

view status of your server:
  sudo service status nginx
  
reload nginx server(after change on config file such as nginx.con):
  sudo service nginx reload

ruichuang

setup seperate vagrant box for nginx and node app, assign different ips for each box.
write script file in vagrant box and config in Vagrantfile:
    config.vm.provision "shell", path: "script.sh"

        ------- script.sh --------
 
        echo "---- start setting up ------"

        echo "---- update package list ----"
        sudo apt-get update