phases-of-web-development

Question 1

development (author time)

Answer 1

dx (dev experience) = things we want need/like
- want to be able to write code in many modules
- modern syntax (ES6 plus, future syntax)
- alt syntax (eg JSX)
- file watchers
- hot module replacement
- npm packages

all of this helps with productivity and fun

Question 2

build

Answer 2

• webpack (fewer modules)
• babel-loader (bridge between webpack and babel)
  
  • add transforms such as (block scoping, arrow functions,
    or jsx)
  • webpack sends module to babel through babel-loader,
    babel runs though transforms, then sends it back to
    javascript through babel-loader
• babel
  
  • @babel/core

Question 3

runtime (production, deliverable, artifact) aka reality (lol)

Answer 3

• fewer modules (maybe just one)
• compatible syntax
• actual javascript