🚀 Daily Digest: The Age of Paid versus Open Source Software

Daily Issue #15

• Implementing Infinite Scroll with Laravel and Vue3

• 15 Incredibly Clever CSS One-Liners That Even Surprised a Design Veteran Like Me

• 17 Open Source Alternatives to Your Favorite Software and Apps

• The Hidden Pitfalls of Async/Await in JavaScript: Understanding the Challenges

• The Impact of AI on Coding

• InstantDB is a client-side database that makes it easy to build real-time and collaborative apps like Notion or Figma

• Pieces is an on-device AI coding assistant that boosts developer productivity by helping you solve complex development tasks through a contextual understanding of your entire workflow

• Tembo AI offers the simplest way to build AI applications on Postgres

• Aider is AI pair programming in your terminal

Act as a Coding assistant

Problem: While working on a Nuxt3 project, I had a weird case of a race condition, where the onClick event on a checkbox was firing before the ref() value could be set.

Solution: Change out the @click event handler for a @change handler

const checked = ref(false);

const onCheckboxClicked = event => {
   console.log(checked.value);
};

<input type="checkbox" :checked="checked" @change="onCheckboxClicked" />

If you have built anything that you’d like to share with the community, get with me on X @dailysandbox_ 😀