Vue

6 months ago

Dynamic OG Images for a Vite SPA with Convex

- The Problem Vite SPA serves one index.html for all routes. Social crawlers (X, Discord, Slack, LinkedIn, etc.) read the first HTML response and don't run JavaScript. So every shared link shows the sam...

Front-end dev

over 3 years ago

How to Use v-model to Access Input Values in Vue

- How to use v-model to bind form input elements like text input, textarea, select, checkbox, radio in Vue....

Front-end dev

Mastering Vue refs: From Zero to Hero

- ref() is a Vue composition API function that creates refs: small reactive values....

Front-end dev

5 Must-Know Differences Between ref() and reactive() in Vue

- What are the main differences between ref() and reactive()? And when to use one or another?...

Front-end dev

almost 4 years ago

How to Destructure Props in Vue (Composition API)

- How to correctly destructure props object in a Vue component while maintaining the reactivity....

Front-end dev

over 4 years ago

How to Use nextTick() in Vue

- nextTick(callback) executes the callback when the DOM has been updated....

Front-end dev

almost 5 years ago

How to Debounce and Throttle Callbacks in Vue

- How to debounce and throttle watchers and event handlers in Vue components....

Front-end dev

How to Show/Hide Elements in Vue

- How to use v-if, v-show and :class to show/hide elements in Vue....

Front-end dev

The Javascript "ecosystem" is a hot mess and so is software development in general

- I have a small Vue 2 project (an admin UI for dictmaker) that I created with vue cli six months ago. Today, I picked it up again to finish it, and started out by doing a yarn upgrade. Of course, blindly upgrading all dependencies is never a good idea, but this is a tiny WIP...

Front-end dev

about 5 years ago

Working faster not harder - 123dev #28

- Comments Code generators Lots of people recommend learning to program by starting with fundamentals. Learn the basic language patterns and elements and work your way up to frameworks. You’ll have a stronger understanding of how things work. I don’t think this is good advice...

Front-end dev

How List Rendering Can Cause Huge Cumulative Layout Shift

- JS frameworks like Vue can give elements a unique key. In a list rendering they might be able to reuse these keyed list items, when the list is changing. The already created DOM nodes don’t need to be recreated. This is a great performance gain. But when a list changes and the...

Front-end dev

almost 6 years ago

How to show your Github repositories using Vue 3 and TailwindCSS (with dark mode)

- In this post I would like to show you how I have added Github repositories to my website using Vue 3 and TailwindCSS, also with dark mode 💜....

Front-end dev

over 6 years ago

Create a dashboard with TailwindCSS - Part 2

- In this post I want to show you how I created the style guide page with VUE & TailwindCSS, to present it in our dashboard in an interactive way....

Front-end dev

almost 8 years ago

Quick 2018 Review

- Just for the sake of some links for the most part — in case you missed anything. I helped Bulb make their new, accessible design system Inclusive Components went from blog to book I created a customizable generative art gallery with SVG and Vue I learned lots about web...

Design Front-end dev

over 8 years ago

The Trick to Understanding Scoped Slots in Vue.js

- Scoped slots are one of Vue's most powerful features, but it can be a bit tricky to understand how they work when first learning about them. In this screencast (taken from my Advanced Vue Component Design course), I walk through how thinking of scoped slots as function props can...

Front-end dev

Renderless Components in Vue.js

- Have you ever pulled in a third-party UI component only to discover that because of one small tweak you need to make, you have to throw out the whole package? Custom controls like dropdowns, date pickers, or autocomplete fields can be very complex to build with a lot of...

Front-end dev

Rows per page

Page 1 of 1