How Top-Level await Could Break Compatibility

Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/

#nodejs

API Design: From Basics to Best Practices - https://blog.devgenius.io/api-design-from-basics-to-best-practices-49bbb29cf696

#api

Best Practices for Fetching Data in Vue.js

Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs

#vue

An Abridged History of Safari Showstoppers

Roderick Gadellaa outlines some challenges developers face when working with Safari. - https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers

#css

Angular Architecture for Large Web Applications

Optimizing monolithic Angular projects with libraries using Nx. - https://albertobasalo.medium.com/optimizing-the-architecture-of-large-web-applications-with-angular-79d03b01a92b

#angular

Building an Image Search App with OpenAI CLIP, Postgres & React

A tutorial that brings together a lot of ideas in one place. CLIP is used to turn images into text descriptions. Postgres is used as a vector database. JavaScript provides the glue for both the frontend (with React) and backend (Node.js). - https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/

#react

The Story of the Hono Web Framework

Hono is a lightweight framework designed to run on any JavaScript runtime that's been picking up steam in the past year. With it, you can create an app in a Express-like style but run it on Cloudflare Workers, Deno, Bun, or Node. - https://blog.cloudflare.com/the-story-of-web-framework-hono-from-the-creator-of-hono/

#nodejs

Automating Releases and Publishing with Nx Release

With Nx Release, you can automate releases and publish packages in monorepos, streamlining your development… - https://medium.com/techleads-diary/automating-releases-and-publishing-with-nx-release-864a430940cd

#nx

Dynamic Numbering with CSS Counters

Kevin Powell demonstrates how powerful CSS Counters can be. - https://www.youtube.com/watch?v=tnSzkAiiQ4w

#css

How can I integrate Vue.js into an existing Shopify theme?

Here’s a step-by-step guide with code examples for integrating Vue.js into an existing Shopify theme. - https://dev.to/sdlc_corp/how-can-i-integrate-vuejs-into-an-existing-shopify-theme-3jp0

#vue

How to Create a React Dropdown - https://www.robinwieruch.de/react-dropdown/

#react

Architecting Angular: Part 3 — Effortless Data Mocking

Seamless mocking, rock-solid tests, and a smoother Angular development experience with Mock Service Worker. - https://itnext.io/architecting-angular-part-3-effortless-data-mocking-b7ba690f4331

#angular

Why I’m Skeptical of Rewriting JavaScript Tools in “Faster” Languages

Rewriting common JavaScript infrastructure / build tools in ‘faster’ languages like Rust, Zig or Go has become popular in the past few years, but is it really necessary, asks Nolan? - https://nolanlawson.com/2024/10/20/why-im-skeptical-of-rewriting-javascript-tools-in-faster-languages/

#nodejs

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

Bramus Van Damme explains how to create a CSS-only sticky header that hides and shows depending on the scroll direction, based on a demo by Fabrizio Calderan. - https://www.bram.us/2024/09/29/solved-by-css-scroll-driven-animations-hide-a-header-when-scrolling-up-show-it-again-when-scrolling-down

#css

How to Conditionally Run Code Only on the Server or Only on the Client in a Nuxt App

Discover how Nuxt improves performance and SEO with its server-side and client-side rendering capabilities. Learn best practices for managing code execution to avoid hydration mismatches and ensure efficient rendering in your applications. - https://masteringnuxt.com/blog/how-to-conditionally-run-code-only-on-the-server-or-only-on-the-client-in-a-nuxt-app

#vue

How To Write API Response Types with TypeScript

Organize TypeScript types for API responses to ensure a great development experience, code maintenance, and… - https://itnext.io/how-to-write-api-response-types-with-typescript-f8152ddd43dd

#typescript

Best Testing Practices in Node.js

A quick-fire list of 15 worthwhile testing practices to use in order to write efficient, effective, and easy-to-maintain tests. - https://blog.appsignal.com/2024/10/16/best-testing-practices-in-nodejs.html

#nodejs

Recharts 2.13: Chart Library Built with React and D3

Easy to deploy with declarative components, and native SVG support. Line, bar, scatter, composed, pie, and radar charts are offered. There are lots of examples, complete with code. - https://recharts.org/en-US/

#react

Angular: Downloading files and implementing a progress bar for tracking the…

This story is something very similar to what I have written years back. That story was related to… - https://blog.stackademic.com/angular-downloading-files-and-implementing-a-progress-bar-for-tracking-the-download-bd1cb552d646

#angular

Implementing Facial Recognition Authentication in Vue.js with FACEIO

This article will guide you through integrating FACEIO, a powerful facial recognition API, into your Vue.js application. - https://dev.to/vyan/implementing-facial-recognition-authentication-in-vuejs-with-faceio-664

#vue