Vue Resources and Book Recommendations
Introduction
You have worked through Vue 3 fundamentals, Router, Pinia, API integration, projects, and deployment. This chapter collects official documentation, recommended books, and Hello Code tracks that pair well with Vue in real full-stack setups.
Prerequisites
- Progress through this track (or equivalent Vue 3 experience)
- At least one project chapter attempted (recommended)
How to Keep Learning
- Build one feature end-to-end: UI → Pinia → API → deploy
- Break things on purpose—CORS off, wrong
key, guard mis-config - Fix with Troubleshooting
- Pair with a backend track and ship a small full-stack app
Shipping beats reading about computed again.
Official References
| Resource | Best for |
|---|---|
| Vue.js Documentation | Authoritative guide (EN) |
| Vue 中文文档 | Chinese reference |
| Vue Router | Routing, guards, lazy routes |
| Pinia | State management |
| Vite | Dev server, build, env vars |
| Vue Test Utils | Component testing |
| Nuxt | SSR, file routing, useFetch |
Bookmark the Composition API and <script setup> sections—you will return often.
Recommended Books
Vue.js 3 Design Patterns and Best Practices (Paulo Alves)
- Composition API patterns, scalability, testing mindset
- Best after chapters 09–18 of this track
Frontend Architecture for Design Systems (Nathan Curtis)
- Component APIs, tokens, documentation—not Vue-specific but applies to design systems in Vue
Learning JavaScript Design Patterns (Addy Osmani)
- Composables mirror many patterns; helps when structuring
useXxxmodules
Designing Data-Intensive Applications (Kleppmann)
- Pairs with API chapters when your Vue app grows into complex data fetching and caching
Pick one book and one side project—not four books at once.
UI Libraries (Official Docs)
This track does not install full component libraries—you learn primitives first.
| Library | Notes |
|---|---|
| Element Plus | Enterprise admin components |
| Naive UI | Vue 3 + TS friendly |
| Vuetify | Material Design |
| Headless UI Vue | Unstyled accessible primitives |
After Components and Slots, pick one library for your next admin project.
Pair With Hello Code Tracks
| Track | Connection |
|---|---|
| JavaScript | Language foundation |
| TypeScript | Types with defineProps |
| HTML | Semantic templates |
| CSS | Scoped styles, layout, a11y |
| FastAPI | REST + JWT for Blog reader |
| Flask | CORS and SPA |
| Django | REST auth |
| Nginx | SPA try_files, API proxy |
| Git | CI with Docker chapter |
| Linux Docker | Container basics |
Advanced Topics (Next Steps)
| Topic | Where to go |
|---|---|
| Nuxt 3 full-stack | Nuxt docs + SSR intro |
| OpenAPI → TS types | openapi-typescript + typed fetch |
| i18n | vue-i18n official guide |
| PWA | Vite PWA plugin |
| Micro-frontends | Module federation (advanced) |
| E2E | Playwright Vue guide |
Community
- Vue Land Discord — help and RFC discussion
- Awesome Vue — curated libraries
- GitHub issues on vuejs/core for bug reports—not general how-to
FAQ
Vue 2 resources still relevant?
Read Vue 3 docs first; Options API sections help legacy code only.
Best video course?
Official Vue tutorial + build Todo project—videos supplement, not replace.
React after Vue?
Easy if you know JS + component thinking—JSX differs from templates.
Certification?
No official Vue cert—portfolio projects matter more.