Article Category: Vue.js | CODE Magazine

Introducing Vite: A Better Vue CLI?

By: Shawn Wildermuth

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - September/October

Shawn shows you the alternative to Vue CLI that you didn’t know you needed, but that you’ll have to try: Vite.
- Vite
- Vue.js
Building a VS Code Extension Using Vue.js

By: Bilal Haidar

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - July/August

Most of the core functionalities in VS Code are extensions, and you can extend almost any feature, from color themes, to activity bars, to displaying data. Bilal gives an overview of how extensions work and some cool ideas for what to do with them.
Introducing Photino: Create Desktop Applications with Web UIs

By: Mike Yeager

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - May/June

If you use Electron but find it makes a pretty big application, try using open source Photino, which uses .NET 5 for the host application instead of Node.js. Your apps for mobile or cross-platform can be lighter and faster.
- .NET 5
- Angular
- Blazor
- Desktop Development
- Electron
- Photino
- ReactJS
- Visual Studio 2019
- Visual Studio Code
- Vue.js
Nuxt.js for Busy Developers

By: Bilal Haidar

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - May/June

Vue.js development is easier with the Nuxt.js development framework. If you do server-side rendering with Vue.js, Nuxt.js helps you organize folders to make Vue.js applications easier to build and deploy.
A Real World ExpressJS and TypeScript Application

By: Sahil Malik

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - January/February

Sahil builds onto his earlier ExpressJS and TypeScript article and gets the sample application (a To-Do app that saves data to a database) up and running. He uses Bootstrap for new pages, adds support for client-side scripting using TypeScript and then adds Vue.js into the project.
- ExpressJS
- Java Script
- JavaScript
- TypeScript
- Vue 3
- Vue.js
- Vuex
Routing in Vue3: Navigating the Options

By: Shawn Wildermuth

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - January/February

Shawn Wildermuth demonstrates how to use Vue Routing in a single page application. This article also explores RouterView, RouterLinks, Route Parameters ($route), Matching Routes (pathMatch), Nested Routes , and Routing Guards.
- HTML
- HTML 5
- Java Script
- JavaScript
- Routing
- Vue 3
- Vue.js
- Vuex
- Web Development (general)
The Complete Guide to Provide/Inject API in Vue 3: Part 1

By: Bilal Haidar

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2021 - January/February

Get started building plug-ins using Vue 3’s Provide/Inject API. Learn about Props, Prop Drilling and how to solve the side effects of Prop Drilling using the Provide/Inject API in the Options API and the Composition API.
- HTML 5
- Java Script
- JavaScript
- Vue 3
- Vue.js
The Complete Guide to Suspense in Vue3

By: Bilal Haidar

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2020 - November/December

Use Suspense in Vue3 to create an execution context or a boundary around the content it wraps. It displays fallback content while it waits for the component(s) wrapped inside to be ready before displaying it/them. Also, learn to handle errors in applications that use Suspense.
Vue’s Composition API

By: Shawn Wildermuth

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2020 - November/December

Learn why the Composition API is better than the Options API in Vue 2 and Vue 3. See examples of using Composition API in TypeScript and Vue 3.
- HTML 5
- Java Script
- JavaScript
- Vue.js
Vue 3: The Changes

By: Shawn Wildermuth

Last updated: Tuesday, March 9, 2021

Published in: CODE Magazine: 2020 - July/August

Shawn Wildermuth reviews new features in the early beta of Vue 3, including: conversion to TypeScript to improve the type interface; the switch to using the Virtual DOM for overall performance improvements, improvements for Vue users using WebPack (or similar solutions).
Vuex: State Management Simplified in Vue.js

By: Shawn Wildermuth

Last updated: Friday, March 12, 2021

Published in: CODE Magazine: 2020 - January/February

Shawn shows how to use Vuex in your Vue.js projects to manage state in large applications so that every component has access to the state your application needs.
- Vue.js
- Vuex
Moving from jQuery to Vue

By: Shawn Wildermuth

Last updated: Thursday, March 18, 2021

Published in: CODE Magazine: 2019 - September/October

If you don’t need the enormity of a SPA, you don’t have to lose the benefits of a framework. Shawn recommends using Vue to simplify the code and make it both more reliable and more testable.
- HTML
- HTML 5
- Java Script
- JavaScript
- jQuery
- Vue.js
- Web Development (general)
Formatting Data in Vue.js

By: Shawn Wildermuth

Last updated: Wednesday, March 31, 2021

Published in: CODE Magazine: 2019 - July/August

Shawn shows you how to use Vue.js to separate views and models and make Web development formatting a lot simpler.
A Vue to a Skill

By: Shawn Wildermuth

Last updated: Wednesday, August 31, 2022

Published in: CODE Magazine: 2019 - March/April

Shawn introduces you to Vue.js, a framework that can keep complex build systems from clogging up your app. It’s a SPA library that helps you separate the data from the markup, but it’s also much more.