Render functions in Vue.js 3 is a faster way to write Vue.js view layer, instead of using templates. In this video I discuss some of the more advanced topics surrounding Vue.js 3 render functions and why you might want to use them. #vue #vuejs3 #renderfunctions
👉Check out my first video on Render function basics!
https://youtu.be/ogGD6rAwu-c
👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech/
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
01:28 Overview Of App
03:00 Adding an Form, Input and Button using h()
05:28 Adding Styles and Event Handling
08:05 Adding Search Function With Fetch
09:05 Add click handler to button
09:42 Display Data using JavaScript Map function
11:15 Add in error handling with ternary operator
12:10 Adding in a default slots with render functions
13:26 Adding in Scoped slots with render functions
14:25 Showing average score
16:00 Conclusion
♡ ♡ ♡
Make Sure To Check These Courses Out On Udemy ! 💻
The Complete 2020 Web Development Bootcamp - Angela Yu - http://bit.ly/2ADKEKD
→ JAVASCRIPT ALGORITHMS COLT STEELE'S COURSE - http://bit.ly/2L8HSPV
→ THE WEB DEVELOPER BOOTCAMP (GREAT FOR BEGINNERS) — http://bit.ly/2zP4alw
Links
https://github.com/ErikCH/RenderFunctionsVue3
