Workflow

Workflow

• Development
  • Micro Generator
    • Plop
  • Live Reload / Watch / Preview
    • webpack-serve
    • webpack-dev-server
      • webpack-dashboard
      • webpack-dev-middleware
    • Hot Module Replacement / React Hot Loader
    • Browsersync
    • Electron - Electron Connect
    • React Native - Expo
    • Node.js - nodemon
  • Dev Tools
    • Chrome DevTools / Firefox Developer Tools / Safari Web Inspector / Microsoft Edge F12 Dev Tools
      • Console - Console API, Command Line API
    • Third-party Panels
      • React DevTools / AngularJS Batarang / Augury / Vue.js DevTools
      • React Perf
      • Redux DevTools
      • Immutable DevTools, Immutable.js Object Formatter
      • Apollo Client Devtools, GraphQL Network
      • JWT Inspector
      • WebGL Insight, Three.js Editor Extension
    • Reactotron
    • Electron - Devtron
    • React Native Debugger
  • HTTP Inspector
    • Paw / Postman / HTTPie
  • Debugging Proxy
    • AnyProxy / Fiddler
    • Tamper Chrome
• Deployment
  • Publishing App
    • Server-side Rendering
      • Hypernova
      • React Isomorphic Render
      • React Engine
      • Express React Views
    • Static Web
      • Dynamic Routing + CDN
        • Superstatic
      • Object Storage + CDN
        • Global
          • Amazon S3 + CloudFront - aws-sdk / awscli
          • Google Cloud Storage + Cloud CDN - google-cloud / gcloud
          • Firebase Hosting - firebase-tools
          • Netlify - netlify-cli
          • Surge - surge cli client
        • China
          • 阿里云 OSS + CDN - aliyun-sdk / oss-nodejs-sdk
          • 腾讯云 COS + CDN - cos-nodejs-sdk-v5
    • Packaged App
      • Electron Builder
        • Auto Update
      • CodePush
  • DevOps
    • Process Supervisor
      • pm2
        • pm2-docker
        • Process File
    • Containers
      • Docker
        • Learning
          • Play with docker classroom
          • Docker Curriculum
          • Docker Cheat Sheet / Docker Cheat Sheet
        • Dockerfile reference
        • Docker run reference
        • Docker Compose
      • Docker Images
        • node / risingstack/alpine / keymetrics/pm2-docker-alpine
        • docker-lambda
    • Container Clusters
      • Docker Engine in Swarm Mode
        • Compose file reference
        • wait-for-it.sh / dockerize
      • Kubernetes
        • Kubernetes Cheat Sheet
    • PaaS
      • Global
        • now
        • heroku - heroku-cli
      • China
        • LeanCloud-云引擎 (云函数, 网站托管) - lean-cli
• Monitoring
  • Error Tracking
    • Capturing client-side JavaScript errors, Front-End Error Handling
      • A Guide to Proper Error Handling in JavaScript
    • Services
      • TrackJS / Errorception
      • Sentry / Rollbar / Bugsnag / Airbrake / Raygun
  • Logging
    • Global
      • Amazon CloudWatch / Google Stackdriver
      • PM2 Plus
    • China
      • 阿里云-云监控 / 腾讯云-基础监控 BCM
  • APM (Application Performance Management)
    • Global
      • New Relic / AppDynamics / Datadog APM
      • Pingdom / SpeedCurve / AppNeta
      • Trace
    • China
      • OneAPM / 听云
      • 监控宝 / 百度云观测 / 360网站服务监控 / 腾讯云-云拨测 CAT
      • 阿里云 Node.js 性能平台