Search for a command to run...
Articles tagged with #javascript
In React code, you may see the following ways of calling functions in jsx elements: onClick={handleClick} onClick={() => handleClick()} Understanding the difference and when to use which pattern is a common point of confusion. Let’s unpack what’s r...
If you have a .scss file that stores your project's colors, you can easily reference those values in Vue. I recently ran into this issue when using a third-party library that required styling information to be set in data(). Overriding the default st...
Sometimes it's nice to document the little wins. Today, I learned this useful bit of code to parse a string into an array of words, while removing punctuation. text.replace(/\p{P}/gu, "").split(" ")) To break this down: text: the string to parse .re...
$nextTick is a somewhat mysterious property of Vue that is used for asynchronous DOM updates. It's a function that offers you some extra control over the standard reactive data flow. In order to understand this, let's define how Vue's reactivity work...
I recently created a page that embedded a huuuuuuuge table into a fixed viewport using some simple CSS: <template> <div id="app"> <div id="navbar"> NAVBAR </div> <div class="content-wrapper"> <div id="header">HEADER</div> ...
If you learned to code in the era of modern frontend JavaScript frameworks, you might be unfamiliar with localStorage and how to use it. After all, when developing Vue apps, it makes more sense to use Vuex to share data between all your components. B...