Skip to main content
Q-Bytes
    • Nothing bookmarked yet

  • Home
  • Open source
  • About
  • Portfolio

Q-Bytes

I write articles about my learning journey, including modern Javascript, Typescript, Vue and Rust development.

How to keep your Azure infrastructure highly available - Availability sets and availability zones by

How to keep your Azure infrastructure highly available - Availability sets and availability zones

Featured

15 open-source tools to elevate your software design workflow in 2024 by

15 open-source tools to elevate your software design workflow in 2024

Featured

How to create svg elements with Javascript

Featured

How to copy text to the clipboard with Javascript

Featured

Latest publications

An Introduction to Vue 3 and Typescript: Functional components, attributes, and slots by Tobias Quante

An Introduction to Vue 3 and Typescript: Functional components, attributes, and slots

After getting a grip on reactivity and component communication, let's look at what basic features remain. Take slots and attributes. We use them mostly in templates. But what if you must access them in your script? Say, to write a functional component? Functional components The official docs recommend using HTML
Tobias Quante

Tobias Quante

03 May 2022
vuejs
An Introduction to Vue 3 and Typescript: Component properties and events by Tobias Quante

An Introduction to Vue 3 and Typescript: Component properties and events

Declaring a local state with references is a good start. Still, in all but the most simple cases, you will want your components to be able to interact with one another. That's where properties and events come into play. In case you're after the code, check out this repos' branch
Tobias Quante

Tobias Quante

26 April 2022
vuejs
An Introduction to Vue 3 and Typescript: Refs and reactivity by Tobias Quante

An Introduction to Vue 3 and Typescript: Refs and reactivity

Reactivity is the buzzword in every frontend framework. And Vue's reactivity module makes handling state a breeze. In this article, we'll explore how to apply fundamental reactivity concepts to a Vue app. And how Typescript helps us by making our reactive data more robust.
Tobias Quante

Tobias Quante

19 April 2022
vuejs
An introduction to Vue 3 and Typescript - Getting started by Tobias Quante

An introduction to Vue 3 and Typescript - Getting started

Vue 3 has been completely rewritten in Typescript. Okay. Now, what does that mean for your next web project? This article series will shine a light on what makes Vue 3 so different.
Tobias Quante

Tobias Quante

12 April 2022
vuejs
How I set up my Ubuntu Laptop for web development by Tobias Quante

How I set up my Ubuntu Laptop for web development

A few years ago, I moved from Windows to Ubuntu. Mainly due to my dear old laptop's decline in performance. Launching a text editor and a dev-server should take only a few seconds. So, I thought, let's try something else next.
Tobias Quante

Tobias Quante

15 March 2022
productivity
How to register an AppImage as a desktop application in Linux by Tobias Quante

How to register an AppImage as a desktop application in Linux

AppImages are alternatives to the classic Linux apps. While uncommon in usage, they're practical insofar as they run on several Linux distros all the same. And you might want to treat them like you treat your usual applications. Read on to find out how to do so.
Tobias Quante

Tobias Quante

05 March 2022
productivity
⚡ Write your own reactivity function in 10 lines of Javascript by Tobias Quante

⚡ Write your own reactivity function in 10 lines of Javascript

Have you ever wondered how frameworks like React and Vue handle reactive data? This article aims to bring clarity. It presents Javascript Proxies, Proxy traps, and how they are used to create a simple reactivity system.
Tobias Quante

Tobias Quante

18 February 2022
javascript
A step-by-step guide to migrate a Node.js web app to Typescript by Tobias Quante

A step-by-step guide to migrate a Node.js web app to Typescript

Migrating from Javascript to Typescript is a tedious task. However, typing makes your code more robust. This results in better code quality and a reduced likelihood to introduce bugs. Read on to learn how to make the best use of it for your Javascript-powered web application.
Tobias Quante

Tobias Quante

15 January 2022
javascript
A story of why you should use strong types in Javascript team projects by Tobias Quante

A story of why you should use strong types in Javascript team projects

Using Typescript in team projects cannot save lives, but surely a lot of time. Even if your team member is yourself in six months. Typing, if you're coming solely from a JS background, might seem alien at first sight. Read on to find out why you should still give them a try.
Tobias Quante

Tobias Quante

14 January 2022
typescript
An Introduction to Vue 3 and Typescript: Functional components, attributes, and slots by Tobias Quante

An Introduction to Vue 3 and Typescript: Functional components, attributes, and slots

After getting a grip on reactivity and component communication, let's look at what basic features remain. Take slots and attributes. We use them mostly in templates. But what if you must access them in your script? Say, to write a functional component? Functional components The official docs recommend using HTML
An Introduction to Vue 3 and Typescript: Component properties and events by Tobias Quante

An Introduction to Vue 3 and Typescript: Component properties and events

Declaring a local state with references is a good start. Still, in all but the most simple cases, you will want your components to be able to interact with one another. That's where properties and events come into play. In case you're after the code, check out this repos' branch
An Introduction to Vue 3 and Typescript: Refs and reactivity by Tobias Quante

An Introduction to Vue 3 and Typescript: Refs and reactivity

Reactivity is the buzzword in every frontend framework. And Vue's reactivity module makes handling state a breeze. In this article, we'll explore how to apply fundamental reactivity concepts to a Vue app. And how Typescript helps us by making our reactive data more robust.
An introduction to Vue 3 and Typescript - Getting started by Tobias Quante

An introduction to Vue 3 and Typescript - Getting started

Vue 3 has been completely rewritten in Typescript. Okay. Now, what does that mean for your next web project? This article series will shine a light on what makes Vue 3 so different.
How I set up my Ubuntu Laptop for web development by Tobias Quante

How I set up my Ubuntu Laptop for web development

A few years ago, I moved from Windows to Ubuntu. Mainly due to my dear old laptop's decline in performance. Launching a text editor and a dev-server should take only a few seconds. So, I thought, let's try something else next.
How to register an AppImage as a desktop application in Linux by Tobias Quante

How to register an AppImage as a desktop application in Linux

AppImages are alternatives to the classic Linux apps. While uncommon in usage, they're practical insofar as they run on several Linux distros all the same. And you might want to treat them like you treat your usual applications. Read on to find out how to do so.
⚡ Write your own reactivity function in 10 lines of Javascript by Tobias Quante

⚡ Write your own reactivity function in 10 lines of Javascript

Have you ever wondered how frameworks like React and Vue handle reactive data? This article aims to bring clarity. It presents Javascript Proxies, Proxy traps, and how they are used to create a simple reactivity system.
A step-by-step guide to migrate a Node.js web app to Typescript by Tobias Quante

A step-by-step guide to migrate a Node.js web app to Typescript

Migrating from Javascript to Typescript is a tedious task. However, typing makes your code more robust. This results in better code quality and a reduced likelihood to introduce bugs. Read on to learn how to make the best use of it for your Javascript-powered web application.
A story of why you should use strong types in Javascript team projects by Tobias Quante

A story of why you should use strong types in Javascript team projects

Using Typescript in team projects cannot save lives, but surely a lot of time. Even if your team member is yourself in six months. Typing, if you're coming solely from a JS background, might seem alien at first sight. Read on to find out why you should still give them a try.

Newsletter

I'm not actively maintaining newsletters, you can however follow me on dev.to to keep up to date with my content

Topics

  • azure
  • database
  • devops
  • javascript
  • nodejs_basics
  • opensource
  • privacy
  • productivity
  • rust
  • serverside_js
  • tutorial
  • typescript
  • vuejs

Navigation

  • Privacy policy

Follow Q-Bytes

DigitalOcean Referral Badge
Q-Bytes © 2025 Powered by Ghost & Candidus Theme