Vue 3: Reactivity Made Easy (ref, reactive, toRefs... oh my!)

Working with Vue 3 can be confusing if you don't understand how reactive variables work. In this video I explore all the basics including, Ref, Reactive, unref, and more!

👉Check out my last video on top 8 ways to create a vue app in 2021
   • Top 8 Ways To Create A Vue.js App In 2021  

👉 Sign up and get free Vue cheat sheets and updates!
www.vuecourse.tech/

Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉mentorcruise.com/mentor/erikhanchett/

Need to Learn Vue or Nuxt? Check out my courses below!

bit.ly/2LalQka - Learn Nuxt.js Course!
bit.ly/3aiYe8s - Quick Starter On Vue 3
bit.ly/2OETt0M - Full 6 week course on vue!

0:00 Introduction
0:30 Vue.js ref
03:10 Vue.js isRef and unref
04:07 Template ref
05:09 Vue.js reactive
07:18 Vue.js toRef and toRefs
08:47 Vue.js customRef customDebounce
11:59 Ref Sugar (Future Syntax)

🗂️ 🗂️ 🗂️
Make Sure To Check These Courses From Wes Bosd ! 💻

Begginer JavaScript - BeginnerJavaScript.com/friend/HANCHETT
React For Beginners - ReactForBeginners.com/friend/HANCHETT
Advanced React - AdvancedReact.com/friend/HANCHETT

Links
github.com/vuejs/rfcs/discussions/369
v3.vuejs.org/api/refs-api.html