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

Published: 20 September 2021
on channel: Program With Erik
49,264
1.4k

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 ...  

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

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

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

http://bit.ly/2LalQka - Learn Nuxt.js Course!
http://bit.ly/3aiYe8s - Quick Starter On Vue 3
https://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 - https://BeginnerJavaScript.com/friend...
React For Beginners - https://ReactForBeginners.com/friend/...
Advanced React - https://AdvancedReact.com/friend/HANC...

Links
https://github.com/vuejs/rfcs/discuss...
https://v3.vuejs.org/api/refs-api.html


Watch video Vue 3: Reactivity Made Easy (ref, reactive, toRefs... oh my!) online without registration, duration hours minute second in high quality. This video was added by user Program With Erik 20 September 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 49,264 once and liked it 1.4 thousand people.