Vue logo Vue The Road To Enterprise

Take your skills to the next level and become a Vue pro by mastering advanced patterns, best practices, and cutting-edge techniques for the development of Vue 2 & 3 applications.

Vue is awesome and it's so easy to learn! But what next?

Hi, I’m Thomas Findlay, 5-star rated JavaScript consultant, technical writer, and mentor.

For the past few years, I have extensively worked with hundreds of new and seasoned developers, helping them learn Vue, build complex features, and make their applications fast, maintainable and scalable.

On multiple occasions, I heard there are a lot of resources for beginners, but not for more advanced developers, and thus a lot of developers wonder, what next?

This book should be the answer to that question.

Learn From 100+ Real World Code Examples.

Discover Advanced Patterns, Techniques and Best Practices Used By Industry Experts

Master Tools Used By Millions Of React Developers.

What's in the book?


"Vue - The Road To Enterprise" is a book that revolves around best practices, advanced patterns and techniques for the development of Vue applications. It covers both Vue 2 and Vue 3 and is a one-stop resource for many crucial concepts that should help you solve and avoid many pain-points when developing Vue applications.

This book covers many advanced topics, such as scalable project architecture, cutting-edge techniques for handling async operations and API states, performance optimisation, state management patterns, and more. Each chapter in the book can be read independently, so you can immediately dive into the topic that interests you the most.

Vue 2 vs Vue 3 and migration preparation

Explore major differences between Vue 2 and Vue 3, and be prepared to kick-start new Vue 3 projects or convert old ones to the latest version.

Vue 2 vs Vue 3 and migration preparation image

Project configuration and scalable architecture

Setup and configure an enterprise-ready project with tools such as PostCSS, Stylelint, and Prettier. Create scalable and maintainable architecture for your Vue applications and explore tools for documenting your projects and components.

Project configuration and scalable architecture image

Cutting-edge patterns for API management

Learn cutting-edge patterns for managing async operations, API states, and request cancellation by implementing a flexible and scalable API layer and enhancing it with de-coupled cancellation logic.

Cutting-edge patterns for API management image

Advanced state management techniques

Master advanced state management techniques that will allow you to easily manage, share and reuse stateful data in your application. Whether you use Vue 2 or 3, both Options API and Composition API are covered.

Advanced state management techniques  image

Top-notch component and layout patterns

Discover useful component patterns and learn how to manage static and dynamic layouts for your application using Options and Composition APIs, so your users have more control.

Top-notch component and layout patterns image

Performance optimisation

Explore many essential techniques for improving and optimising the performance of your applications to make them blazing-fast and your users amazed.

Performance optimisation image

Testing & Security

Write reliable unit and e2e tests that actually work and give you confidence. Make your applications more secure and explore ways of restricting access to specific pages and content only to authorised users.

Testing & Security image

Who is this book for?


“Vue - The Road To Enterprise” book is not a beginners guide to Vue.js. It will not teach you how to get started with it. To make the most out of this book, you should have at least a basic knowledge of Vue.js, and the ecosystem around it, such as Vue CLI, Vue Router and Vuex. You should also be comfortable with using a command-line interface.

The book is written with a very hands-on approach. I strongly believe that the best way to learn to code is by practice. There are a lot of code examples that you should follow along and play with yourself to gain a deeper understanding of the concepts behind them. You can do it either from scratch or by using the Companion App. If you are looking for a book to read on the go or simply away from your PC, then it might not be the best book for you.

This book is a great resource for:

  • check-icon

    Developers with prior Vue knowledge who want to advanced their Vue expertise and develop scalable, maintainable, and blazing fast Vue applications.

  • check-icon
    Developers and teams who want to quickly get on board with best practices, patterns, and tips to incorporate in their new or existing Vue projects.
  • check-icon
    Developers who are looking for career progression as a Vue.js Developer.

Table of Contents


Chapters
1

Introduction

2

Vue 2 vs Vue 3 and preparing for migration

3

Project configuration and useful extensions

4

Scalable project architecture

5

Project and component documentation

6

API layer and managing async operations

7

Advanced component patterns

8

Managing application state

9

Managing application layouts

10

Performance optimisation

11

Vuex patterns and best practices

12

Application security

13

Best practices for testing Vue applications

14

Useful patterns, tips and tricks

See Full Table of Contents

Companion App


With this book, you can get the Companion App that showcases more detailed working code examples, so you don’t have to write the code yourself. The enhanced code samples showcase various concepts and implementation for user access permissions, loading components on demand, managing API logic, and more. If you would like to incorporate any of the examples in your application, you can just open the Companion App project files and copy the source code.

Vue Enterprise Boilerplate


The Complete package comes with a pre-configured Vue 3 Enterprise Boilerplate, so you can immediately start working on your projects. It was created using Vite, and has an opinionated project architecture as well as configuration for tools such as Eslint, Prettier, Stylelint, PostCSS, and SCSS. If you prefer a different pre-processor or setup, you can easily update it and configure it to your liking.

This boilerplate is designed to suit the needs of medium to large-scale projects. You won't have to waste time thinking about how to structure your project. What's more, it is configured to register global components and third-party plugins automatically. Here's what's included!

  • Blazing fast Vue 3 boilerplate based on Vite.
  • 🏁 Vue-Router configured with automated import for routes files.
  • 🍍 Global and shared state management with Pinia.
  • 📦 Automated import and registration of base components and plugins.
  • 🏆 Testing setup with Cypress, Vitest and Testing Library.
  • ⚙️ ESLint, Prettier, PostCSS, Stylelint and Husky configured out of the box with sensible defaults.
  • 🗺️ Localisation support via vue-i18n
  • 👋 SEO-ready with @vueuse/head
  • 🔧 Great utilities with @vueuse

Bonus videos


Besides the book, Companion App, and the Enterprise Boilerplate, you can also get 3 bonus videos!
Introduction to Composition API

Composition API is one of the biggest and most significant features that came with Vue 3. In this video, you will learn the differences between Options API and Composition API by converting an application that allows users to search and sort products.

Introduction to Composition API image
Tabs component using compound pattern image
Compound Components Pattern

Compound components are a great pattern for creating components that enable a lot of control and flexibility over the style and layout. In this video, you will learn how to implement a Tabs component in Vue 2 using Options API and Vue 3 using Composition API.

How To Write Cleaner Code Using Modern JavaScript Features

If you want to make sure your project does not turn into a one big spaghetti mess, it's important to keep your code clean, readable, and maintainable. In this video, you will learn how to use modern JavaScript features to write cleaner and better code.

How to write cleaner code using modern javascript image

About Author


Thomas Findlay about picture

Thomas Findlay is a 5 star rated mentor, Toptal certified full-stack developer, consultant, technical writer and the author of "The Road To Enterprise" books. He works with many different technologies such as JavaScript, Vue, Nuxt, React, Next, React Native, Node.js, Python, PHP, and more. He has obtained MSc in Advanced Computer Science degree with Distinction at Exeter University, as well as First-Class BSc in Web Design & Development at Northumbria University.

Over the years, Thomas has worked with many developers and teams from beginners to advanced and helped them build and scale their applications and products. He also mentored a lot of developers and students, and helped them progress in their careers.

To get to know more about Thomas you can check out his Codementor and Twitter profiles.

What do developers say about Thomas?


quotes-start

Thomas is an incredible mentor who has helped me more than I can describe. If you need help you can't go wrong with this pick. I've had over 20 sessions with Thomas and there is a good reason I keep coming back

quotes-end

Jason

quotes-start

Thomas is one of the best mentors on here! He was able to help me understand my JS and Vue code and exactly what to do to fix my issues. I appreciate his patience and his time making sure I understand things. I learn a lot each time. Kudos!

quotes-end

Jay Wilburn

quotes-start

Always a pleasure getting help and advice from Thomas. This time he was able to help me in record time, immediately pinpointing what the problem was and then going on to explain a couple of VueJS concepts in a little more depth.

quotes-end

James Ludlow

quotes-start

I highly recommend getting tutored or mentored by Thomas because he is just very patient, very quick, very knowledgeable and will give you loads of information which motivates you to learn more and more. Thank you Thomas for your help!

quotes-end

Jessy

quotes-start

Thomas is one of the best developers I've ever worked with and I've worked with many. I recommend him without hesitation.

quotes-end

Ronald Shochstak

quotes-start

Thomas is amazing! He works quickly and is so clear in talking through the solution. I learned a ton and got my problem solved! Thank you.

quotes-end

Holly Zoba

quotes-start

Whenever I come across a mind frustrating blocker Thomas is my go to. I'd highly recommend, he explains things thoroughly and always gets the job done!

quotes-end

Sara

quotes-start

Thomas was awesome! Very good at software development! He is very friendly and gives good explanations in depth for the code.

quotes-end

Jennifer

quotes-start

Great first session. Everything made on screen is clearly explained. I like the fact that Thomas doesn't only want to resolve your problem but also he gives you the tools to understand what you're doing.

quotes-end

Loris Olivier

quotes-start

Thomas is the best mentor and expert engineer! He identifies the issue very quickly and makes sure to explain in detail the solution. Thank you!!

quotes-end

Daniel

quotes-start

Thank you. Extremely knowledgeable with Vuejs, Javascript, extremely helpful as well.

quotes-end

Larry Smith

quotes-start

Excellent mentor. Really understands Javascript, Vue and SPA design. Great to work with and explains complex concepts clearly.

quotes-end

Chris Ekin

Testimonials


quotes-start
This book is a great help when you have to make architectural decisions. Thomas shows the different options and explains the pros and cons. It saves a lot of time and gives confidence. You realize how much practical experience Thomas has gained and it is a blessing to benefit from it.
quotes-end
Thomas Gick
quotes-start
Just the API Layer and Managing Application State chapters will take your Vue knowledge to the next level. Mind Blown.
quotes-end
Marcel
quotes-start
You don't have to be building an enterprise-level app to benefit from the ideas in this book. Thomas covers a breadth of topics, teaching sound engineering principles that I can use immediately, and does so in an approachable, easy to understand manner. I especially enjoyed the insights into the reasoning behind design decisions, along with the thoughtful presentation of other best practice options where available. Highly recommend++
quotes-end
Ray L.
quotes-start
This book is the most technically complete I've ever read. Focus on unit test, design system, best practices, etc... I learned full of tips I didn't expect. Thank you :)
quotes-end
Délita Makanda
quotes-start
Some of the techniques in this book helped me to write better code. I'd recommend this book to every mid to advanced level Vue developer.
quotes-end
Mislav Paparella
quotes-start
A valuable book, since the information found here contains advanced details related to Vue not found or spread out to different discrete tutorials.
quotes-end
Marc Angelo M. Tabia
quotes-start
This book is a great guide for Vue Developers! Very helpful information about how to set up your project for success. As somebody new to both Vue, and web development, I found the step by step detailed explanations and instructions to be just the guidance I needed to feel confident using this fantastic framework for any size project.
quotes-end
Catherine Trujillo

Start The Road To Enterprise


Choose the package that suits you and join thousands of developers who learn from Thomas

...and if for some reason you don't think it's for you, just let me know within a week. You will get a refund with no questions asked ;)

The Essentials

check-icon

The 300+ pages book in a PDF format

check-icon

Compound Components Pattern (video)

check-icon

Free lifetime access to all book updates

The Complete Package

check-icon

The 300+ pages book in a PDF format

check-icon

The Companion App with full code examples, components, services, and more

check-icon

Pre-configured Vue 3 Enterprise boilerplate

check-icon

Introduction to Composition API (video)

check-icon

Compound Components Pattern (video)

check-icon

How to write cleaner and better code using modern JavaScript features (video)

check-icon

Free lifetime access to all book, companion app, and enterprise boilerplate updates

Buying for a team?