Mastering Frontend Build Tools: Vite, Webpack, and Turbopack

Date created
03/12/2024

Mastering Frontend Build Tools: Vite, Webpack, and Turbopack is a comprehensive course designed to teach the essentials of modern build tools. Learn to optimize performance, handle CSS, implement code splitting, and choose the right tool for your projects. Perfect for developers looking to streamline their frontend workflows and build high-performance web apps.

What you will learn

Introduction to Frontend Build Tools and Their Importance in Modern Web Development
Overview of Vite, Webpack, and Turbopack
Step-by-step Guide to Setting Up a Basic Project Using Vite
Understanding the Core Concepts of Webpack
Introduction to Turbopack
Comparing Build Speeds and Performance
Efficient CSS Handling with Vite, Webpack, and Turbopack
Implementing Code Splitting and Lazy Loading Techniques with Webpack
Building Modern Frameworks with Vite
Exploring Turbopack's Approach to Hot Module Replacement
Key Optimization Techniques
Customizing Webpack with Custom Plugins and Loaders for Advanced Functionality
Comparing Developer Experience
Migrating from Webpack to Vite or Turbopack
Setting up a React Application with Vite, Webpack, and Turbopack