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

Building a Dynamic Background Effect

Ryan Finni shows how to create a randomized, animated icon background for any content section. - https://www.letsbuildui.dev/articles/building-a-dynamic-background-effect

#css

5 amazing new JavaScript features in ES15

5 juicy ES15 features with new functionality for cleaner and shorter JavaScript code in 2024. - https://medium.com/coding-beauty/es15-javascript-features-fc2d1f7a00ce

#javascript

Chakra UI v3: The Comprehensive React Component Suite

Chakra is a popular suite of accessible, reusable, and composable React components and v3 is essentially a complete rewrite to modern standards. - https://www.chakra-ui.com/blog/00-announcing-v3

#react

How to Convert CommonJS to ESM - https://deno.com/blog/convert-cjs-to-esm

#esm