Using Vite with React
Why Vite for React — getting started, HMR, builds, modern tooling and testing with Vitest.
Create React App (CRA) was long the go-to tool for starting a React project. It is now deprecated. Vite is its modern, faster, simpler successor.
Sign in to read this course
A free account unlocks all 514 courses. 20 are readable without one.
What's inside
9 sections- 1 Table of Contents
- 2 Why Vite for React?
- 3 Module 1 — Getting Started with Vite and React
- 4 Module 2 — Leveraging Hot Module Replacement and Builds
- 5 Module 3 — Enhancing Workflow with Vite's Modern Tooling
- 6 Vite Architecture — Diagrams
- 7 Reference Tables
- 8 Testing with Vitest
- 9 Best Practices
More React & TypeScript courses
View all 15React Fundamentals
React from scratch — JSX, components, styling, hooks, props/state, side effects and forms.
Working with Components in React
Implement components, share state with Context, handle errors and improve component UI performance.
Working with Data in React
Core data patterns, Context for data and forms, Suspense, enterprise features and Server Actions.
Managing State in React 18
Local, remote, URL and web-storage state, derived state, forms, refs, useReducer and Context.
Using Hooks in React 19
Built-in hooks and custom hooks, performance with memoization and forms with useActionState.
Styling Apps in React 18
Compare React styling techniques — CSS-in-JS (styled-jsx) and CSS Modules with best practices.
Interested in this course?
Contact us to book it or get a custom training plan for your team.