Welcome to my modern JavaScript stack tutorial: JavaScript Stack from Scratch.

Final code available in the JS-Stack-Boilerplate repository, and in the releases. There is a live demo too.

Works on Linux, macOS, and Windows.

01 - Node, Yarn, package.json

02 - Babel, ES6, ESLint, Flow, Jest, Husky

03 - Express, Nodemon, PM2

04 - Webpack, React, HMR

05 - Redux, Immutable, Fetch

06 - React Router, Server-Side Rendering, Helmet

07 - Socket.IO

08 - Bootstrap, JSS

09 - Travis, Coveralls, Heroku

Week 1:

• Using ES6 syntax by: eslint, flow, jest, husky
• Setting up local development server to build web app: Express, Nodemon, and PM2
• Learning basic react: Webpack, React, and Hot Module Replacement

=> Build project es6 with local development server

Week 2:

• Making simple web application in react: Redux, Immutable, and Fetch
• Continue some features in react: React Router, Server-Side Rendering, Helmet
• Learning Socket.IO

=> Build react project

Week 3:

• Build component with Bootstrap, JSS
• Deploy web application with Heroku, Travis, Coveralls

=> Intergrate boostrap and deploy project to heroku