note.txt

//Webpack https://www.youtube.com/watch?v=IHKv4ZJdhlU&list=PLzrVYRai0riRTQ-w233MaRwcbxkNeciQY&index=2

//Redux https://www.youtube.com/watch?v=zcpyOwPdIYg&list=PLzrVYRai0riQFEN586LOz3eMv2Rgy6WXS

//“Please try running this command again as Root/Administrator” error
//sudo chown -R $USER /usr/local

//--install libraries of REACTJS (react & react-dom)
//npm install react react-dom --save

//-- install WEBPACK library to global
//npm install -g webpack
//-- compile files
//webpack <entry> [<entry>] --output [-o] <output>
//=> ex: webpack ./app/app.js --output ./public/bundle.js
//-- auto update bundle when files change
//webpack -w 

//-- install libraries of BABEL
//npm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev
//npm install webpack --save

//-- VSTS VSCode
/*
    The Team Services extension for Visual Studio Code now supports Team Foundation Server 2015 Update 2 and later
    https://blogs.msdn.microsoft.com/devops/2016/07/11/the-team-services-extension-for-visual-studio-code-now-supports-team-foundation-server-2015-update-2-and-later/
    
    TEE-CLC plugin
    https://github.com/Microsoft/team-explorer-everywhere/releases

    Set up and Configure the TEE CLC on Linux
    https://www.youtube.com/watch?v=VPNaEIVZfr0&feature=youtu.be

    Set up the Team Services extension for Visual Studio Code
    https://www.youtube.com/watch?v=t6gGfj8WOgg&feature=youtu.be

    Walkthrough of TFS 2015 support in Team Services extension for Visual Studio Code
    https://www.youtube.com/watch?v=CLTA7paAjAs
*/

/*
npm install babel-preset-stage-0 --save-dev
operator (3 dot) ...
//-- START operator (3 dot) ...
//-- EX1:
var obj = { name: 'Steven', age: 35 }

var obj2 = {...obj, age: 34, height: 180};

obj.age = 30;
console.log(obj2);

//-- EX2:
var mang = [1, 2, 3, 5];
var arr = [7, 6, ...mang, 9, 10];
mang[0] = 1000;
console.log('Array: ', arr);
console.log('Mang: ', mang);
//-- END operator (3 dot) ...

//-- START pure function
//* NO SIDE EFFECT
//* NO ASYNC TASK
//* 1 input => 1 output
var add = (a, b) => a + b;
console.log(add(5, 6));
//-- END pure function
*/

//-- REDUX
//npm install redux --save-dev
//npm install react-redux --save-dev

//-- REACT ROUTER
//npm install react-router --save-dev
/*
Issue 1: Uncaught TypeError: Cannot read property 'location' of undefined
https://github.com/acdlite/redux-router/issues/287
I've found some solution, that works for me. In my opinion, router module is damaged, so I've removed whole node modules folder, and install again with another versions:
"react": "^15.5.4",
"react-router": "^3.0.2",
*/

//-- AXIOS (POST/GET request)
// https://github.com/axios/axios
// npm install axios --save

//-- BODY PARSER
// npm install body-parser --save

//-- EXPRESS SESSION https://github.com/expressjs/session
// npm install express-session --save

//-- FOUNDATION CSS & JAVASCRIPT https://foundation.zurb.com/
// npm install style-loader css-loader script-loader foundation-sites --save-dev

//-- SASS SCSS
// npm install node-sass sass-loader --save-dev

https://www.youtube.com/watch?v=QQfhIUQ-teM&index=14&list=PLzrVYRai0riS6mBVG71EEBNm4VtT03y6x
---> next: 14