Skip to content

Module 11: Build Tooling and Deployment

Vite, webpack concepts, ES modules, tree-shaking, code splitting, environment variables, and deploying a React application.

This module is planned. Full content coming soon.

Prerequisites

  • Module 10: React Ecosystem

What You'll Learn

  • ES modules (ESM): import/export, named vs. default exports, dynamic import(), circular dependencies
  • How bundlers work: dependency graphs, chunking, tree-shaking dead code, minification, source maps
  • Vite in depth: vite.config.ts, plugins, build modes, preview mode, environment variables with import.meta.env
  • webpack concepts (conceptual overview): entry/output/loaders/plugins, why webpack is still used in many codebases
  • Code splitting: React.lazy + Suspense, route-based splitting, the import() function
  • Deployment: building for production, deploying to Vercel or Netlify, setting up CI/CD with GitHub Actions