You’ve Got Options for Removing Event Listeners

A review of some of the most common approaches available to remove event listeners in JavaScript.  -https://macarthur.me/posts/options-for-removing-event-listeners

#javascript

Vue 3.3 defineModel: A simpler and more flexible way to create two-way binding

Vue 3.3 introduces a new macro called defineModel, which simplifies the process of creating two-way binding in Vue components. In this article the author explores how to leverage defineModel to create 2-way binding in your vue components. - https://codewithmrnerd.medium.com/vue-3-3-definemodel-a-simpler-and-more-flexible-way-to-create-two-way-binding-54f0a0032e93

#vue

The React Team Shares What It's Been Working On

It’s been eleven months since the last update, so a lot has happened. Work on React Compiler has progressed; it now powers Instagram’s production site. We also learn that React 19 is on the way and will include some breaking changes, particularly to support things like Web Components. Some of the latest developments in React Canary are also covered. Fingers crossed for May.. - https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024

#react

Node's 2023, Summarized in An Article

Rafael, of the Node.js TSC and Fastify core team, shares a useful update on the evolution of Node.js over the past year, how the team ensures Node is well tested and reliable, changes to Node’s vendor dependencies, as well as enhancements to Node’s security and Web presence. - https://blog.rafaelgss.dev/nodejs-2023-year-in-review

#nodejs

How To Center a Div

Joshua Comeau created a fantastic, in-depth guide on centering in CSS. - https://www.joshwcomeau.com/css/center-a-div

#css

“Code Smells” in Angular

In one of my previous post I talked about “Clean Frontend Architecture” and principles that should be… - https://blog.bitsrc.io/code-smells-in-angular-ce73bf7db072

#angular

Quick guide to add websocket to Nuxt 3

In this article, the author explores quick a solution to attaching a websocket within a Nuxt 3 project. - https://dev.to/mellewynia/quick-guide-to-add-websocket-to-nuxt-3-4bi4

#vue

Remix Vite Now Stable; Gets an SPA Mode

Remix is a full-stack web framework built atop React Router that compiles apps into both server and client-side portions that interoperate seamlessly. Support for Vite is now stable in Remix v2.7, with a significant enhancement being a new SPA mode that doesn’t require a JS server in production while maintaining many of Remix’s conventions and benefits. - https://remix.run/blog/remix-vite-stable

#react #remix

Preventing SQL Injection Attacks in Node

Learn more about why and where SQL injection attacks pose a threat and some initial ways to shield your Node apps against them. - https://snyk.io/blog/preventing-sql-injection-attacks-node-js/

#nodejs

10 Interview Questions Every JS Developer Should Know in 2024

I’d usually shy away from a list-based post on Medium, but this is a good exception. As a rare example of a top-notch developer who's also involved in hiring other developers, Eric provides useful advice. - https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-in-2024-c1044bcb0dfb

#interview

Vue.js Parallel Fetching improves LCP and FCP

This article focuses on Vue.js, a popular JavaScript framework, and how you can use it to enhance Largest Contentful Paint (LCP) and First Contentful Paint (FCP) through parallel fetching of component files and images. - https://medium.com/@m.kiselyow/vue-js-parallel-fetching-improves-lcp-and-fcp-289f0898badc

#vue

Going beyond pixels and (r)ems in CSS - Relative length units based on the viewport

Brecht De Ruyte explains some common pitfalls when using viewport units.  - https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport

#css

Building a CLI App with React and Ink

Why? Why not? This isn’t a tutorial, but more a look at just how simply such an app can come together. - https://www.nico.fyi/blog/react-ink-cli-chat-supabase

#react

How To Draw Radar Charts In Web

Preethi Sam demonstrates the process of creating radar charts on the web. - https://www.smashingmagazine.com/2024/02/draw-radar-charts-web

#css

Run Node.js Apps on the Edge with RHEL and Fedora

IoT, in this case. - https://developers.redhat.com/articles/2024/02/21/run-nodejs-applications-edge-rhel-and-fedora#the_software

#nodejs

Converting Observables to Signals in Angular: What You Need to Know

Angular v16 comes with a new package named rxjs-interop, which introduces the toSignal function that converts… - https://netbasal.com/converting-observables-to-signals-in-angular-what-you-need-to-know-4f5474c765a0

#angular

Handling Asynchronous Promises with Vue.js 3 Suspense API

Vue.js 3 introduced various compelling features, including the suspense API component boundary. This API proves invaluable when dealing with asynchronous requests. In this article, explore the Vue.js 3 Suspense API for efficient asynchronous data loading. - https://javascript.plainenglish.io/handling-asynchronous-promises-with-vue-js-3-suspense-api-5ad566e7381b

#vue

Exploring Next.js Forms with Server Actions

Learn from Robin’s experiences: “I delved deep into exploring Forms in Next.js 14 using Next’s App Router, React Server Components (RSC), and Server Actions. This comprehensive tutorial covers React/Next native aspects like useFormStatus, useFormState and revalidatePath.” - https://www.robinwieruch.de/next-forms/

#react

Web Components in Earnest

This is.. epic! If you want to really get a walk through the journey of building an entire app using Web Components and JavaScript, this is it. The app in this case is simple, but complete, and the author shows off the realities of going all in with Web Components here. - https://naildrivin5.com/blog/2024/01/24/web-components-in-earnest.html

#webcomponents

How to Transfer Binary Data Efficiently Across Worker Threads - https://advancedweb.hu/how-to-transfer-binary-data-efficiently-across-worker-threads-in-nodejs/

#nodejs