ramigs

Step-by-step guide: Build your GitHub Repo Catalogue using Nuxt, Vue, and FaunaDB. dev.to/ramigs/buildin… Check out the final result: elegant-hopper-28219e.netlify.app Pre-rendering the most we can, and asynchronously fetching just the data we need 🤓 #Jamstack @nuxt_js @vuejs @fauna

Do you know what is a Vue.js error boundary component? 🤔 Think of error boundaries as specialized bodyguards for your components. They catch JavaScript errors in their descendant component tree and smoothly display a fallback UI instead of letting your entire application crash and burn. They're the difference between "the whole app is down!" and "hmm, that one widget isn't loading, but everything else works fine."

⚠️ Developers, please be careful when installing Homebrew. Google is serving sponsored links to a Homebrew site clone that has a cURL command to malware. The URL for this site is one letter different than the official site.

my favorite JavaScript API is `Proxy` – it allows you to "spy" on any object property

Problem: You want to push your changes, but skip CI because you're not done yet, so running CI would be wasteful. Solution: Put this in the push commit message: [no ci] This skips the CI process.

Template Literal Types are awesome. If you concat `number` and a union of time units, you have a human readable AND type-safe way to provide time values! 👇

Ever struggled with refactoring or testing complex @vuejs composables? When business logic and reactivity get tangled together, it becomes a nightmare to refactor and test. The Thin Composables pattern separates your concerns, making your code simple to test and maintain.

Quick Linux Tip 🐧 If you're having trouble reading the directories in the $PATH variable, you can make use of the tr command to replace colons with the newline characters so each directory is displayed on a single line. $ echo $PATH | tr ":" "\n" Here is an example:

Bash Scripting Basics

navigator.sendBeacon is a method for POSTing data (string, blob, formData...) to an endpoint asynchronously The browser guarantees to run these requests to completion, which can be a more stable replacement for onbeforeunload or pagevisibility events with a fetch Have you used this before?

Alternatives to Using Pure Black (000000) and Pure White (FFFFFF) for Text and Backgrounds.

📢 Important Update The much improved Vue Devtools v7 has been submitted for review on the Chrome web store under the stable channel, and we are flipping the switch tomorrow. Things to note: - The latest v7 **only supports Vue 3**. We have separate listings for legacy versions of v5 and v6, both of which support Vue 2. These legacy versions cannot be enabled at the same time with v7, but you can use a separate browser profile that only have v5 or v6 installed if you need to work on Vue 2 apps. - If you were previously using the beta channel, you can (and should) switch back to the stable channel, as the beta channel will only be used for testing experimental major new features and will not be updated regularly for bug fixes. - The github repo vuejs/devtools now also points to v7: github.com/vuejs/devtools More info about v7: devtools.vuejs.org

I’m 8 years old 🥳

HTML Tip 💡 Do you know we can keep the form submit button outside the form? 🤩👇

It's possible to add global properties to your @vuejs app in both Vue 2 and Vue 3:

Save these awesome CSS animations for your next project 🚀

💡 Pinia Tip: Persist store data across sessions 👉🏻 Save the store's state to local storage or other storage mechanisms, and restores it when the application is refreshed. 👉🏻 This feature is especially useful for retaining user preferences or application state between.

🤯 How am I just finding out about display: contents; Suuuuper handy for CSS Flexbox + Grid where the children aren't direct descendants.

CSS Tip 💡 Do you know we can simplify a large CSS selectors list using :where() ?🤩

Just found out that Fetch API has built-in timeout support! 🤯

Here is a great use case for #CSS container queries, inspired by LinkedIn's feed. ✨ Show or hide each post action label (e.g: 'Like' or 'Comment') based on the container width. ✨ Learn more in my recent interactive guide about container queries: ishadeed.com/article/css-co…