Jul 14, 2021Member-only5 VueUse Library Functions That Can Speed Up DevelopmentVueUse is an open-source project that provides Vue developers with essential utility functions for both Vue 2 and Vue 3. — VueUse is an open-source project by Anthony Fu that provides Vue developers with a huge collection of essential Composition API utility functions for both Vue 2 and Vue 3.Vue9 min read
Jun 28, 2021Member-onlyLazy Load Components in Vue with defineAsyncComponentUsing Vue 3’s defineAsyncComponent feature lets us lazy load components — meaning they’re only loaded when they’re needed. — Using Vue 3’s defineAsyncComponent feature lets us lazy load components. This means that they're only loaded from the server when they're needed. This is a great way to improve initial page loads as our app will be loaded in smaller chunks rather than having to load every single component when…Vue6 min read
Jun 27, 2021Member-onlyThe Beginner’s Guide to Vue Template Refs — with Vue 3 UpdatesVue Template Refs give our Javascript code a reference to easily access the template. — Vue Template Refs give our Javascript code a reference to easily access the template. For example, if we needed quick access to a component or HTML element, template refs is the perfect solution. In Vue 3, the Composition API gives us another way to use template refs. It joins the…Vue4 min read
Jun 22, 2021Member-onlyBuilding Your Own Vue 3 Plugin — A Full GuideVue 3 Plugins are a great way to add reusable functionality to your apps. Let’s learn to build our own. — Plugins are a great way to add reusable functionality to your Vue apps. With tons of existing plugins for components, routing, and more, the ecosystem for Vue has solutions for many common use cases. Some examples of commonly used plugins are vue-router, vue custom-element, and vue-touch. However, there will come…Vue8 min read
Published in Geek Culture·Jun 8, 2021Member-onlyA Vue Firebase Authentication Tutorial — Vue 3 and FirebaseAllowing users to create their own profiles is a common use case for many modern web apps. Trying to set this up on your own custom database can a little tricky — dealing with persistence, O-Auth, and encryption. Luckily for us Vue developers, we can easily add Firebase to our…Vuejs11 min read
Published in JavaScript in Plain English·Jun 3, 2021Member-onlyAn Explanation of the Vue Context Argument — A Composition API TutorialWhen working in the Vue 3 Composition API, there are brand new ways to access component functionality. In this article, we’ll be taking a look at the setup function’s context argument. These changes are necessary because, in the Composition API, we don’t have the same reference to this as we…Web Development5 min read
May 25, 2021Member-onlyHow to Use Vue CSS Variables — Reactive Styles RFCThe Single File Component Styles RFC gives us Vue developers a way to use a component’s reactive data as CSS variables. In just one simple syntax, we can update styles at runtime in Vue 3. This proposed change takes full advantage of CSS variables, which most modern browsers support, and…Vue5 min read
May 15, 2021Member-only5 Tips to Boost Your Blog Traffic — My 2021 Content StrategyLet’s speak it into existence. This summer, I will grow my main website — LearnVue.co — to over 100,000 monthly pageviews by August 2021. …Writing8 min read
Published in Level Up Coding·May 14, 2021Member-onlyExplaining The New script Setup Type in Vue 3 — Major Takeaways from the RFCIf you’ve been working in Vite and Vue 3 recently, you’ll notice that when you start a new project, your script section looks like this with this syntax in your Vue components. You may be wondering, “What is this? Is this the Options API? Composition API? …Vue4 min read
May 13, 2021Member-onlyI Doubled My Blog’s Traffic without Writing New PostsSeriously — I doubled my website traffic without writing any new blog posts. As a matter of fact, I actually ended up with less blog posts now when I started, and we’re going to look at why. So long story short, the way that I was able to do…Writing8 min read
