React/Redux

Question 1

What is Node.js ?

Answer 1

framework to run js files server side / in your terminal

Question 2

What is oh-my-zsh?

Answer 2

framework for your zsh shell. This tool is configured thanks to the ~/.zshrc file. Go ahead and have a look at it:

cat ~/.zshrc

Question 3

What is yarn?

Answer 3

Yarn is the new dependency management tool you can use with NPM packages. It’s a replacement over the npm command line which comes by default with Node.js.

Question 4

What is $PATH?

Answer 4

Basically, it’s a list of folders where your operating system look when you type a command. When you type ls, the OS will look in the $PATH and see that /bin is in there. And /bin/ls exists! So it will run /bin/ls. That means that ls is just a shortcut for typing the whole path /bin/ls.

Question 5

How do you access the JS console in your terminal?

Answer 5

node

Question 6

What is the js package manager?

Answer 6

yarn

Question 7

Which file do you put your js libraries and dependencies?

Answer 7

package.json

Question 8

What is the tool to identify syntax problems in your js code?

Answer 8

Eslint

Question 9

What is the test framework for js?

Answer 9

Jest (like Rspec for Ruby)

Question 10

What is Babel?

Answer 10

ES6 is only available in 95% of browsers. For the other 5%, Babel will compile our ES6 code into ES5, the previous version of JavaScript.

Question 11

Elements of a webpack boilerplate?

Answer 11

Initalize Yarn
ESlint
Webpack
Babel

yarn init (package.json file)

ESlint
yarn add eslint –dev
eslint –init # Use Airbnb, no react (yet). Store as json
rm package-lock.json # we already have yarn.lock
eslint src/index.js

Webpack
yarn add webpack webpack-cli webpack-dev-server –dev

Configure Webpack
touch index.html
touch webpack.config.js

launch the dev server with:
webpack-dev-server

Babel
yarn add @babel/core @babel/preset-env –dev
# Create a Babel config file with:
echo ‘{ “presets”: [“@babel/preset-env”] }’ > .babelrc
# For webpack
yarn add babel-loader –dev