Conceito base do setup()
🤔 O que é o setup()?
O setup() é a função principal da Composition API. É onde você define e organiza a lógica reativa e a interação entre os dados e o comportamento do componente...
Vue com composition API - Computed e Watch
🎯 Por que usar computed()?
O computed() serve para criar valores derivados com base em dados reativos. Ele é recalculado automaticamente sempre que os dados que ele depende mudam.
...
Vue - Usando watchEffect e reactive para maior controle
🎯 O que é o watchEffect()?
O watchEffect() é um hook poderoso da Composition API que executa reatividade de forma automática e pode ser usado quando você deseja observar efeitos colate...
Vue - Hooks de Ciclo de Vida no setup()
⏳ O que são os hooks de ciclo de vida?
Os hooks de ciclo de vida são funções que permitem executar código em momentos específicos do ciclo de vida de um componente Vue, como quando el...
Vue - Props e Contexto no setup()
Na Composition API, o setup() recebe dois argumentos: props e context.
🧩 1. Recebendo Props no setup()
O primeiro argumento do setup() são as props recebidas pelo componente.
⛶export def...
Composables - Funções Reutilizáveis na Composition API
🎯 O que são Composables?
Composables são funções criadas para organizar e reutilizar a lógica de forma modular dentro da Composition API. Eles permitem que você extraia a lógica de ...
How to Build a Zero-Dependency Audio Synth in the Browser Using Web Audio API
The Web Audio API is a criminally underused tool for generating dynamic, real-time sound. This post walks through creating a mini synth from scratch — no libraries, no UI frameworks, just pure brows...
🚨Common Mistakes in Responsive Web Design (And How to Fix Them)
🚨 We’ve all been there. You build a beautiful website, test it on your laptop, and boom — it’s perfect. But then a client views it on their phone... and suddenly it’s a mess.Responsive desi...
Stop Guessing color code by eye — Try This Chrome Extension Instead (With JSON Export!)
As frontend developers, we deal with color tokens constantly.But when we want to grab a color from a website, it often means:
Taking a screenshot
Opening it in Figma
Using the eyedropper
Copying th...