Video details

How To Code Faster With Vue.js Render Functions!! - Advanced Render Functions Tutorial

VueJS
03.29.2021
English

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