CoursesAI WorkshopCompaniesPricingBlogNewsletter
  • Courses
  • AI Workshop
  • Companies
  • Pricing
  • Blog
  • Newsletter
Subscribe
  • Courses
  • Companies
  • Communities
  • Blog
  • Gift card
  • Newsletter
  • Help
  • Shop
  • ConfAiBot
  • Contact
  • Legal notice
  • General conditions
  • Privacy policy
  • Cookies policy

Course of Vue 3: New Features Applied to the Real World

Standard
Núria SorianoJavier Ferrer

By Núria Soriano y Javier Ferrer – Frontend

We will see how to leverage the new features of Vue 3 with real examples and applying best practices.

Go to course

💸 First lesson available without registration 💸

In this course, we will look at the new features offered by Vue 3 and how to apply them with real examples, understanding the benefits they provide and focusing on best practices to ensure our applications are more maintainable and scalable.

In this course you will learn to:

  • 👌 Apply best practices with Vue 3
  • 🧼 How to transition components from Options API to Composition API for cleaner code
  • 🍒 Use the Composition API as an alternative to mixins to reuse code more clearly and maintainably
  • 🚀 Create asynchronous components to improve performance
  • 🔊 Enhance communication between components with v-model and event validation
  • 🎨 Define CSS variables from component state easily
  • 🚧 Use Provide/Inject to avoid prop-drilling
  • 🪂 Explore other patterns of state management as alternatives to Vuex

Videos of the course

  • 💥 Vue 3 New Features in 10 Minutes
  • 🐥 Differences in Application Creation and Configuration

  • 🔍 Why was the Composition API created? Review of Options API and its limitations
  • ⚡️ Setup and Control of Reactivity
  • 🧑‍🔬 Converting a Full Component to Composition API

  • 🍒 Reusing Code: Transitioning from Mixins to Composition API
  • 🏗 Refactoring a Complex Component: From Options API to Composition API
  • 🤘 Leveraging the Potential of Composition API in Complex Components: Separation of Concerns

  • 🎨 Changes in <style>: State-Driven Variables
  • 🧘 Enhancing the Performance of Our App: Async Components with Suspense
  • 🛸 Teleport: Encapsulating Logic Independently of the DOM

  • ↕️ Using v-model Between Components
  • 📣 Better Control and Documentation with Event Validation
  • 🚧 Avoiding Prop-Drilling with Provide/Inject

  • ✌️ State Management with Vuex
  • 👐 State Management with Provider Pattern
  • 🎛 State Management with Composition API
  • 🤔 Challenges of Global State Management in Complex Applications

  • 📈 Vue 3 One Year Later
  • 🏭 Composition API with Script Setup
  • ➡️ Migrating from Vue 2

  • 🥊 Vue vs React in 2021
  • 🚶‍♀️ Next Steps
Go to course

Related courses

Standard
Tailwind CSS: Architecture and Best Practices

🚤 Tailwind CSS: Architecture and Best Practices

Paco CastellóRafa Gómez

Learn how to structure your Tailwind CSS projects following best practices.

See course
Standard
Job offers

📄 Job offers

Javier FerrerRafa Gómez

Codely verified job offers

See course
Standard
Next.js: Open Graph Images

🖼️ Next.js: Open Graph Images

Javier FerrerRafa Gómez

Generate dynamic images in your Next.js projects for sharing on social media.

See course
See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Essential programming courses to build a solid foundation
Popular

standard

24,92 €
Discount vs monthly of 49 €
Annual payment of 299 €
per month
  • Main catalog to master writing maintainable, scalable, and testable code
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

premium

41,58 €
Discount vs monthly of 89 €
Annual payment of 499 €
per month
  • Exclusive AI courses to keep you always up to date
  • Early access to new courses
  • Discount on workshops
  • Receive job offers verified by Codely
  • Company invoice
  • Accumulate renewal discounts

We won't increase the price while your subscription is active

SubscribeSign in