Vue.js

Vue.js is an open-source, progressive Javascript framework for building user interfaces that aim to be incrementally adoptable.

vue vuejs vue-js vuex

Vue 3 Crash Course: Lesson 2 ~ Vue 3 Teleport Component

Vue encourages us to build our UIs by encapsulating UI and related behavior into components. We can nest them inside one another to build a tree that makes up an application UI. However, sometimes a part of a component's template belongs to this component logically, while from a technical point of view, it would be preferable to move this part of the template somewhere else in the DOM, outside of the Vue app.

A classical data table component in VueJS and Bootstrap 4

A classical data table component in VueJS and Bootstrap 4, optimized for Laravel applications. Vue-table is a data table component that allows the developer a high degree of customization, it takes care of complex tasks and gives the developer control over how the data is displayed. This component works with the **Laravel** framework pagination response.

Simple Golang and Vue.js SPA Demo

Go & Vue.js - Demo Web Application This is a simple web application with a Go server/backend and a Vue.js SPA (Single Page Application) frontend.

Yet another toast notification plugin for Vue.js

Vue Toast Notification .Yet another toast notification plugin for Vue.js

Draw the Smith Chart in SVG with Vue.js

Draw the Smith Chart in SVG with Vue.js .The Smith Chart is a graphical aid or nomogram designed for electrical and electronics engineers specializing in radio frequency (RF) engineering to assist in solving problems with transmission lines and matching circuits

Vue 3 Crash Course: Lesson 1 ~ Setup & Multiple Root Nodes

In our first installment of our Vue 3 Crash Course we are going to cover installing vue 3 via Vitejs (https://github.com/vitejs/vite) and creating components without needing to define a root node via Vue 3 Fragments (Aka multiple root nodes in Vue 3). Vue encourages us to build our UIs by encapsulating UI and related behavior into components.

Vue 3 UX Wins with Async Components & Suspense

Lazy-loading components is a great way to improve the user experience of your app. In this article, I'll show you how Vue 3 helps you to do this with new APIs. Vue 3 has introduced several new features to help you achieve this easily and with great UX through the improvements to the async component API and the new Suspense component.

Reactivity in Vue 2, 3, and the Composition API

If you want to become a more advanced Vue developer, especially if you want to use advanced features like the Composition API, it's important to have some level of understanding of how reactivity works under the hood. In this article, I'll tell the story of why reactivity was created, how it works in Vue 2, and how it's evolved to support powerful Vue 3 features like the Composition API.

Web Accessibility | Dallas Vue Meetup

Vanessa Alvarez teaches us about the importance of accessibility and what it takes to make an app accessible. Follow along and learn how you can add accessibility to your web app today.

When To Use The New Vue Composition API (And When Not To)

The new Vue 3 composition API was created to address scaling issues with the options API. But is it still useful in smaller apps? The new Composition API caused a fair amount of controversy when it was first announced by the Vue team. But now that the dust has settled and we've had a chance to try the demo, most of us can see it has great potential.

Build a Bootstrap 4 & Vue App

Learn to build a Bootstrap 4 web app with Vue as the JavaScript framework (rather than jQuery). Bootstrap 4 continues to be the most popular framework for creating web apps. It's a shame that the jQuery dependency makes it less powerful than it could be! In this tutorial, I'll show you how easy it is to set up a Bootstrap 4 project with Vue. To do this, we'll be using Bootstrap-Vue, Vue CLI, and Vue 2.6. I'll assume you already know the basics of both Bootstrap and Vue.

My 30days Challenge Experience On Vue.js

My journey on vue.js. My 30days journey to learn Vue.js @ FemCode Africa started on 7th of July, 2020, and ends on 7th of August 2020, although learning continues even after the end of the challenge. During the challenge, I was able to learn Vue.js basics (such as data binding, events, conditionals, looping etc), working with vue/cli, components, props, and so on.

Extending Vue Component Templates

Vue provides a way of extracting and reusing the state and logic of a component, but the template is deemed single-use only. In this article, I'll show you a hack for extending templates using HTML pre-processing. In this article, I'll present a solution using the HTML template pre-processor Pug. It's a bit of a hack, but it does work!

Extending Vue.js Components

Vue provides a number of different APIs and patterns you can use for extending a component. In this article, I'll give you a rundown of the different options including mixins, higher-order components, renderless components, and the new Composition API. In this article, I'll give you an overview of the different options to help you choose the best and most suitable for your scenario.

Building a data layer with Vue and Composition API

When you are learning about a new frontend library, such as Vue or React you can read up a lot on certain best practices. There should be no problem finding resources on effective component composition, how to prevent performance bottlenecks, and the basics of state management, such as Redux, VueX, and so on.

Code Coverage for Vue Applications

Learn how to instrument an application's source code and collect code coverage information to guide end-to-end test writing. Let's take a Vue application scaffolded with Vue CLI like this bahmutov/vue-calculator app. In this blog post, I will show how to instrument the application's source code to collect the code coverage information. We then will use the code coverage reports to guide the end-to-end test writing.

Vue 3 Tutorial (for Vue 2 Users)

Wondering what the key features and changes of Vue 3 are? In this article, I'll highlight them with a walkthrough of a simple Vue 3 app. If you're wondering what the key features and main changes of Vue 3 are, I'll highlight them in this article by walking you through the creation of a simple app using Vue 3 beta 9.

Clean, Scalable Forms with Vue Composition API

In this Vue 3 tutorial, I'll show you how the new Vue Composition API (coming to Vue 3) will make your form code much cleaner and more scalable. Forms are one of the trickiest parts of frontend development and where you'll likely find a lot of messy code

7 Ways to Define a Component Template in Vue.js

7 Ways to Define a Component Template in Vue.js: Plain strings, Template literals, X-templates, Inline templates, Render functions, JSX, Single-file components. We'll go through examples of each and address the pros and cons so you know which one is the best to use in any particular situation.

Angular vs. Vue vs. React: The BEST JavaScript Framework in 2020

Angular vs. Vue vs. React: Which JavaScript framework is the best for Web Development, to learn and use in 2020?