The weekly

Node Weekly A guide to reading and writing Node.js streams https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams Work Progresses on node:sqlite https://github.com/nodejs/node/pull/53752#issuecomment-2227295638 Supply chain security in NPM - we can be optimistic about the future https://blog.scottlogic.com/2024/07/09/supply-chain-security-in-npm-we-can-be-optimistic-about-the-future.html A Developer's Review of a Snapdragon X Laptop (Lenovo Yoga Slim 7x) https://www.wezm.net/v2/posts/2024/yoga-7x-snapdragon-developer-review/ An AI agent that writes and fixes code for you. https://github.com/BuilderIO/micro-agent Node.js is running but you don't know why? why-is-node-running is here to help you. https://github.com/mafintosh/why-is-node-running Poku makes testing simple. https://poku.io/ OpenAPI-compliant REST APIs using TypeScript and Node https://github.com/lukeautry/tsoa ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories “If” CSS Gets Inline Conditionals https://css-tricks.com/if-css-gets-inline-conditionals/ How to use container queries now https://web.dev/blog/how-to-use-container-queries-now The Magic of Clip Path https://emilkowal.ski/ui/the-magic-of-clip-path Mesh gradients in CSS https://www.joshtumath.uk/posts/2024-06-11-mesh-gradients-in-css/ Promises From The Ground Up https://www.joshwcomeau.com/javascript/promises/

JavaScript Weekly es-toolkit is a JavaScript utility library https://github.com/toss/es-toolkit What's coming next for ESLint https://eslint.org/blog/2024/07/whats-coming-next-for-eslint/ Speeding up the JavaScript ecosystem - Isolated Declarations https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-10/ Recreating the THX "Deep Note" in JavaScript https://keliris.dev/articles/deep-note Introducing @let in Angular https://blog.angular.dev/introducing-let-in-angular-686f9f383f0f Sneaky React Memory Leaks: How the React compiler won't save you https://schiener.io/2024-07-07/react-closures-compiler React Flow 12 release https://www.xyflow.com/blog/react-flow-12-release Trigger functions in JavaScript using Cron syntax. https://croner.56k.guru/ announce this major release for TinyBase! https://tinybase.org/guides/releases/#v5-0 PLV8 is a trusted Javascript language extension for PostgreSQL. https://plv8.github.io/ qwik 1.7 is out https://github.com/QwikDev/qwik/releases/tag/v1.7.0

Frontend Focus The Magic of Clip Path https://emilkowal.ski/ui/the-magic-of-clip-path 15 page speed optimizations that sites ignore (at their own risk) https://www.speedcurve.com/blog/15-neglected-page-speed-optimizations/ Interop 2024 mid-year update https://web.dev/blog/interop-2024-midyear State of Text Rendering 2024 https://behdad.org/text2024/ Exploring the challenges in creating an accessible sortable list (drag-and-drop) https://github.blog/2024-07-09-exploring-the-challenges-in-creating-an-accessible-sortable-list-drag-and-drop/ Script Integrity https://frontendmasters.com/blog/script-integrity/ Zoom, zoom, and zoom https://www.oddbird.net/2024/07/09/zoomies/ How Keyboard Navigation Works in a CSS Game https://frontendmasters.com/blog/how-keyboard-navigation-works-in-a-css-game/ CSS One-Liners to Improve (Almost) Every Project https://alvaromontoro.com/blog/68055/ten-css-one-liners-for-almost-every-project “If” CSS Gets Inline Conditionals https://css-tricks.com/if-css-gets-inline-conditionals/ Are web components worth it? https://offthemainthread.tech/episode/are-web-components-worth-it/ YouTube Embeds are Bananas Heavy and it’s Fixable https://frontendmasters.com/blog/youtube-embeds-are-bananas-heavy-and-its-fixable/ Batman-Comic.CSS https://alvaromontoro.com/blog/68056/batman-comic-css Font Interceptor downloads all fonts in use on a target website. Will you use it? https://fontinterceptor.mschfmag.com/ CSS and Javascript to display Braille (grade 1) in web pages https://github.com/evoluteur/braille-tools tiny JavaScript library for easy Web Component development. https://github.com/anh-ld/nho

node weekly node to get SQLite building in? https://github.com/nodejs/node/pull/53752 Node v22.4.1 (Current) https://nodejs.org/en/blog/release/v22.4.1 Moving from express to fastify, pt 1 https://blog.val.town/blog/fastify/ pnpm 9.5 Introduces Catalogs: Shareable Dependency Version Specifiers https://socket.dev/blog/pnpm-9-5-introduces-catalogs-shareable-dependency-version-specifiers a cli tools to create an GitHub issue https://github.com/4awpawz/snitch write mongo but use postgress https://github.com/event-driven-io/Pongo pgvector support for Node.js and Bun (and TypeScript) https://github.com/pgvector/pgvector-node A simple and powerful Javascript HTML5 canvas library. https://github.com/fabricjs/fabric.js How to protect against a security breach in React Server Components https://www.nodejs-security.com/blog/how-to-protect-against-a-security-breach-in-react-server-components Monday, July 8, 2024 Security Releases https://nodejs.org/en/blog/vulnerability/july-2024-security-releases

Front-End Front Top Stories CSS :has(), the God Selector https://brucelawson.co.uk/2024/css-has-the-god-selector/ New to the web platform in June https://web.dev/blog/web-platform-06-2024 Pure CSS Logos from CodePen https://freebiesupply.com/blog/pure-css-logos-from-codepen/ Release Notes for Safari Technology Preview 198 https://webkit.org/blog/15694/release-notes-for-safari-technology-preview-198/ CSS Surprise Manga Lines https://alvaromontoro.com/blog/68054/css-manga-lines

JavaScript Weekly How to Annul Promises in JavaScript https://webdeveloper.beehiiv.com/p/cancel-promises-javascript regex 2.1: Turn JavaScript's Regular Expression Support Up to Eleven https://github.com/slevithan/regex Next.js Chrome AI Chatbot https://ai-sdk-chrome-ai.vercel.app/ Enhancing The New York Times Web Performance with React 18 https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8 Integrate Go Library into a JavaScript Webpage with WebAssembly https://tderflinger.com/en/how-to-integrate-go-library-js-webpage-webassembly How we tamed Node.js event loop lag: a deepdive https://trigger.dev/blog/event-loop-lag How People with Disabilities Use the Web https://www.w3.org/WAI/people-use-web/ Web Performance Guide https://www.speedcurve.com/web-performance-guide/ Barcode Writer in Pure JavaScript https://github.com/metafloor/bwip-js Superstruct 2.0: Define Interfaces to Validate Data at Runtime https://docs.superstructjs.org/ Termino.js 2.0: Create Terminal-Like Experiences in the Browser https://github.com/MarketingPipeline/Termino.js A simple and powerful Javascript HTML5 canvas library. https://github.com/fabricjs/fabric.js Bringing Flutter's power to Javascript for effortless Data Visualization https://flitter.pages.dev/ Powerful, lightweight, pluggable JS template engine https://squirrelly.js.org/ Use a framework to build React Native apps https://reactnative.dev/blog/2024/06/25/use-a-framework-to-build-react-native-apps Big Suspense Changes in React 19: Explained In Code https://www.youtube.com/watch?v=sgnw8dRZa3Q Preparing for React 19: a guide for WordPress 6.6 users https://kinsta.com/blog/react-19-wordpress/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Web Performance Guide https://www.speedcurve.com/web-performance-guide/ Layout and Reading Order | Rachel Andrew https://www.youtube.com/watch?v=X6azWrtHS-k Announcing the Ladybird Browser Initiative https://ladybird.org/announcement.html How People with Disabilities Use the Web

Node Weekly How we tamed Node.js event loop lag: a deepdive https://trigger.dev/blog/event-loop-lag Tuesday, July 2, 2024 Security Releases https://nodejs.org/en/blog/vulnerability/july-2024-security-releases Profiling Node.js Applications https://betterstack.com/community/guides/scaling-nodejs/profiling-nodejs-applications/ How to Perform Data Validation in Node.js https://blog.appsignal.com/2024/06/19/how-to-perform-data-validation-in-nodejs.html Deploy AWS Lambda functions with Serverless Framework and Node.js https://implementing.substack.com/p/deploy-aws-lambda-functions-with-serverless-node Create npm package with CommonJS and ESM support in TypeScript https://blog.mastykarz.nl/create-npm-package-commonjs-esm-typescript/ Beyond monospace: the search for the perfect coding font https://evilmartians.com/chronicles/beyond-monospace-the-search-for-the-perfect-coding-font Powerful, lightweight, pluggable JS template engine https://squirrelly.js.org/ fast-json-stringify https://github.com/fastify/fast-json-stringify Minimalistic zero-dependencies UDP/TCP statsd client for Node.js https://github.com/immobiliare/dats ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Popovers Work Pretty Nicely as Slide-Out Drawers https://frontendmasters.com/blog/popovers-work-pretty-nicely-as-slide-out-drawers/ A Text-Reveal Effect Using conic-gradient() in CSS https://frontendmasters.com/blog/text-reveal-with-conic-gradient/ A Rant about Front-end Development https://blog.frankmtaylor.com/2024/06/20/a-rant-about-front-end-development/ Morphing Arbitrary Paths in SVG https://minus-ze.ro/posts/morphing-arbitrary-paths-in-svg/ Transitioning to Auto Height https://css-tricks.com/transitioning-to-auto-height/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly New JavaScript Set methods https://www.linkedin.com/pulse/new-javascript-set-methods-iftah-saar-3ohff/ + https://developer.mozilla.org/en-US/blog/javascript-set-methods/ Ecma International approves ECMAScript 2024: What’s new? https://2ality.com/2024/06/ecmascript-2024.html Announcing TypeScript 5.5 https://devblogs.microsoft.com/typescript/announcing-typescript-5-5/ Recreating Queens Game in Vue https://fadamakis.com/recreating-queens-game-in-vue-d7e3b3013ccb Understanding React Compiler https://tonyalicea.dev/blog/understanding-react-compiler/ Uniting Web And Native Apps With 4 Unknown JavaScript APIs https://www.smashingmagazine.com/2024/06/uniting-web-native-apps-unknown-javascript-apis/ Exploring Randomness In JavaScript https://www.bennadel.com/blog/4669-exploring-randomness-in-javascript.htm node red Version 4.0 released https://nodered.org/blog/2024/06/20/version-4-0-released Introducing React-Admin V5 https://marmelab.com/blog/2024/06/20/react-admin-v5.html open-source audio visualization library for creating interactive, customizable waveforms. https://wavesurfer.xyz/ The smallest, simplest and fastest JavaScript pixel-level image comparison library https://github.com/mapbox/pixelmatch View and Interact with PDF documents in React, SolidJS, Svelte and JavaScript apps https://github.com/pdfslick/pdfslick Balancing Old Tricks with New Feats: AI-Powered Conversion From Enzyme to React Testing Library at Slack https://slack.engineering/balancing-old-tricks-with-new-feats-ai-powered-conversion-from-enzyme-to-react-testing-library-at-slack/ Migrating to Next.js App Router with zero downtime https://workos.com/blog/migrating-to-next-js-app-router-with-zero-downtime Streaming in Qwik https://www.learn-qwik.com/learn/dashboard-app/streaming/#what-is-streaming ⚡ Flowbite Qwik component library based on Tailwind CSS https://flowbite-qwik.com/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Morphing Arbitrary Paths in SVG https://minus-ze.ro/posts/morphing-arbitrary-paths-in-svg/ Inline conditionals in CSS, now? https://github.cyberng.com/Everest/jit-ui/pull/1213#pullrequestreview-337695 Uniting Web And Native Apps With 4 Unknown JavaScript APIs https://www.smashingmagazine.com/2024/06/uniting-web-native-apps-unknown-javascript-apis/ The Results from the State of JavaScript 2023 Survey https://2023.stateofjs.com/en-US Web Design Engineering With the New CSS https://www.youtube.com/watch?v=su6WA0kUUJE A Rant About Frontend Development https://blog.frankmtaylor.com/2024/06/20/a-rant-about-front-end-development/ How To Create Cut-Out Shapes using The clip-path property https://verpex.com/blog/website-tips/how-to-create-cut-out-shapes-using-the-clip-path-property Pure CSS Circular Text (without Requiring a Monospace Font) https://frontendmasters.com/blog/pure-css-circular-text-without-requiring-a-monospace-font/ Popovers Work Pretty Nicely as Slide-Out Drawers https://frontendmasters.com/blog/popovers-work-pretty-nicely-as-slide-out-drawers/ What is mixed content? https://frederikbraun.de/mixed-content.html Spun-out with Spinner Images? https://bvadata.com/html_spinner_examples.html dependency free image lightbox with the goal of being accessible. https://github.com/deoostfrees/Parvus This is a sortable component https://github.com/sadmann7/sortable KAPLAY is a JavaScript library that helps you make games fast and fun! https://kaplayjs.com/ Make complex animations with your voice and AI. https://www.aicssanimations.com/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Node.js is Here to Stay https://blog.platformatic.dev/nodejs-is-here-to-stay node red Version 4.0 released https://nodered.org/blog/2024/06/20/version-4-0-released Node v20.15.0 (LTS) https://nodejs.org/en/blog/release/v20.15.0 NPM and NodeJS should do more to make ES Modules easy to use https://borischerny.com/javascript,/typescript/2024/06/19/ES-Modules-Are-A-Mess.html New JavaScript Set methods https://developer.mozilla.org/en-US/blog/javascript-set-methods/ Use Node Version Manager with Oh My Zsh https://catalins.tech/node-version-manager-oh-my-zsh/ How to setup Serverless framework to deploy AWS Lambda, Queues and DynamoDB with Node.js https://implementing.substack.com/p/how-to-setup-serverless-framework Make collaborative code editors that run on your own infrastructure: just Redis and a database. https://github.com/ekzhang/rushlight Bridge Node.js and Swift code. https://github.com/kabiroberai/node-swift Cache Decorator https://github.com/alexcambose/custom-cache-decorator A lightweight macOS window and app manager scriptable with JavaScript https://github.com/kasper/phoenix ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Flow Charts with CSS Anchor Positioning https://coryrylan.com/blog/flow-charts-with-css-anchor-positioning Modern CSS Layout is Awesome: Talking and Thinking About CSS Layout https://css-irl.info/modern-css-layout-is-awesome/ Single CSS Keyframe Tricks are Magic https://frontendmasters.com/blog/single-css-keyframe-tricks-are-magic/ Inline conditionals in CSS? https://lea.verou.me/blog/2024/css-conditionals/ Opinions for Writing Good CSS https://andrewwalpole.com/blog/opinions-for-writing-good-css/ Learn Grid Now, Container Queries Can Wait https://www.oddbird.net/2024/06/13/css-layout/

Frontend Focus Inline conditionals in CSS? https://lea.verou.me/blog/2024/css-conditionals/ 2-Page Login Pattern, And How To Fix It https://www.smashingmagazine.com/2024/06/2-page-login-pattern-how-fix-it/ Try out your website in the spatial web https://webkit.org/blog/15421/try-out-your-website-in-the-spatial-web/ Flow Charts with CSS Anchor Positioning https://coryrylan.com/blog/flow-charts-with-css-anchor-positioning Engineering for Slow Internet https://brr.fyi/posts/engineering-for-slow-internet Shape Lens Blur Effect with SDFs and WebGL https://tympanus.net/codrops/2024/06/12/shape-lens-blur-effect-with-sdfs-and-webgl/ Safari 18 — what web features are usable across browsers? https://www.stefanjudis.com/blog/safari-18-what-web-features-are-usable-across-browsers/ How to write text descriptions (alt text) in BBC News articles https://www.bbc.co.uk/gel/how-to-write-text-descriptions-alt-text Why Passkey Implementation is 100x Harder Than You Think https://www.corbado.com/blog/passkey-implementation-pitfalls-misconceptions-unknowns Refactoring a Scroll-Driven Animation from JavaScript to CSS https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css Rooster v9.6: Microsoft's Framework-Independent Rich Text Editor https://github.com/Microsoft/roosterjs Pic Smaller is a super easy-to-use online image compression tool. https://github.com/joye61/pic-smaller A Clear and Quick Reference to HTML Symbol Entities Codes https://entitycode.com/ A blazing fast SvelteKit boilerplate with TailwindCSS, DaisyUI & TypeScript. https://www.sveltekit-ultrafast.com/ Teranoptia: A Typeface Representing Plants and Animals https://www.tunera.xyz/fonts/teranoptia/ Zero-Runtime CSS in JS https://linaria.dev/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekklyWhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Node v22.3.0 (Current) https://nodejs.org/en/blog/release/v22.3.0 Researchers Uncover npm Registry Vulnerability to Cache Poisoning and DoS Attacks https://socket.dev/blog/npm-registry-vulnerability-to-cache-poisoning-and-dos-attacks Dual Publishing ESM and CJS Modules with tsup and Are the Types Wrong? https://johnnyreilly.com/dual-publishing-esm-cjs-modules-with-tsup-and-are-the-types-wrong What happens when a major npm library goes commercial? https://adventures.nodeland.dev/archive/what-happens-when-a-major-npm-library-goes/ Make a regular expression time out if it takes too long to execute https://github.com/sindresorhus/super-regex Electron 31.0.0 https://www.electronjs.org/blog/electron-31-0 A typescript back-end framework for building secure and scalable web applications. https://eicrud.com/ How to Create WebVTT Files for Videos in Node.js https://www.assemblyai.com/blog/vtt-video-nodejs/ Using JSON Schema with Google Gemini https://www.raymondcamden.com/2024/06/11/using-json-schema-with-google-gemini Capturing Garbage Collection Traces in NodeJS Applications https://coderoasis.com/capturing-nodejs-garbage-collection-traces/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories News from WWDC24: WebKit in Safari 18 beta https://webkit.org/blog/15443/news-from-wwdc24-webkit-in-safari-18-beta/ CSS Container Queries https://css-tricks.com/css-container-queries/ How To Hack Your Google Lighthouse Scores In 2024 https://www.smashingmagazine.com/2024/06/how-hack-google-lighthouse-scores-2024/ One of the Boss Battles of CSS is Almost Won! Transitioning to Auto https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/ Let’s hang! An intro to CSS Anchor Positioning with basic examples https://utilitybend.com/blog/lets-hang-an-intro-to-css-anchor-positioning-with-basic-examples/

JavaScript Weekly TC39 Advances Key Proposals: Deferred Import Evaluation, Error.isError(), RegExp Escaping, Promise.try https://socket.dev/blog/tc39-advances-key-proposals Announcing TypeScript 5.5 RC https://devblogs.microsoft.com/typescript/announcing-typescript-5-5-rc/ how to compose functions that take multiple parameters - epic guide https://jrsinclair.com/articles/2024/how-to-compose-functions-that-take-multiple-parameters-epic-guide/ I tried React Compiler today, and guess what... 😉 https://www.developerway.com/posts/i-tried-react-compiler How a Single Vulnerability Can Bring Down the JavaScript Ecosystem https://www.landh.tech/blog/20240603-npm-cache-poisoning/ Generating ZIP Files With Javascript https://www.cjoshmartin.com/blog/creating-zip-files-with-javascript Using Node.js's test runner https://nodejs.org/en/learn/test-runner/using-test-runner#using-nodejss-test-runner An infinite canvas with smart shapes https://dgmjs.dev/ Next.js-like framework for CLIs made with Ink. https://github.com/vadimdemedes/pastel uuid v10: Generate RFC-Compliant UUIDs https://github.com/uuidjs/uuid 🔗 A lightweight JavaScript library that generates customizable tree views to better visualize JSON data. https://github.com/williamtroup/JsonTree.js Advanced geospatial analysis for browsers and Node.js https://turfjs.org/ Parvus 2.6: Accessible Lightbox with No Dependencies https://github.com/deoostfrees/Parvus React & Codemod Announcement https://codemod.com/blog/react-announcement Full Stack Web Push API Guide https://www.bocoup.com/blog/full-stack-web-push-api-guide Fetch Once, Render Everywhere: React Server Components in Expo Router https://www.youtube.com/watch?v=BK2xbPW2uUU react-geo 24.0: Components for Building Mapping Apps https://terrestris.github.io/react-geo/docs/latest/ Glide Data Grid: A Canvas-Based Data Grid for Huge Datasets https://grid.glideapps.com/ Integrating Angular and Qwik: iframes, Astro or qwikify$ by Antoine Pairet https://www.youtube.com/watch?v=iztIMcQlpVc Qwik Build GitHub Action https://github.com/marketplace/actions/qwik-build ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Your Node is Leaking Memory? setTimeout Could be the Reason https://lucumr.pocoo.org/2024/6/5/node-timeout/ Using Node.js's test runner https://nodejs.org/en/learn/test-runner/using-test-runner#using-nodejss-test-runner IPC made easy with Execa 9.2 https://itnext.io/ipc-made-easy-with-execa-9-2-939c6a358731 uuid https://github.com/uuidjs/uuid Lightweight web framework for your serverless applications https://github.com/jeremydaly/lambda-api Merge anything 🥡 https://github.com/mesqueeb/merge-anything GraphQL Query Complexity Analysis for graphql-js https://github.com/slicknode/graphql-query-complexity Unleash 6.0: An Open Source Node-Powered 'Feature Toggle' Service https://github.com/Unleash/unleash CodeFlattener https://github.com/bchr02/CodeFlattener ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekklyWhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Fine-tuning Text Inputs https://garrettdimon.com/journal/posts/fine-tuning-text-inputs CSS Length Units https://css-tricks.com/css-length-units/ Nesting/Overriding Properties in CSS https://frontendmasters.com/blog/nesting-overriding-properties-in-css/ a rare use case for em units https://bradfrost.com/blog/post/a-rare-use-case-for-em-units/ Custom Top and Bottom CSS Container Masks https://andrewwalpole.com/blog/custom-top-and-bottom-css-container-masks/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekklyWhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S