The weekly

🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱 The State of React and the Community in 2025 https://blog.isquaredsoftware.com/2025/06/react-community-2025/ Announcing Oxlint 1.0 https://voidzero.dev/posts/announcing-oxlint-1-stable pnpm 10.12 Introduces Global Virtual Store and Expanded Version Catalogs https://socket.dev/blog/pnpm-introduces-global-virtual-store-and-expanded-version-catalogs Suppressions of Suppressions https://overreacted.io/suppressions-of-suppressions/ How JavaScript Was Written Back In the Day https://www.trevorlasn.com/blog/revisiting-legacy-javascript HMR natively in Node.js (technical write up) https://immaculata.dev/blog/native-nodejs-hmr.html DON'T Use JSON.parse & JSON.stringify https://www.youtube.com/watch?v=PtcQwb1uBhc Explore npm modules and dependencies https://npmgraph.js.org/ Jest 30: Faster, Leaner, Better https://jestjs.io/blog/2025/06/04/jest-30 The ultimate Object Relational Mapper for Node.js, Bun and Deno https://orange-orm.io/ Vue Equipment -Our Frontend Toolkit, Free and Open Source https://www.vue.equipment/ Utility package for managing Dark Mode on the web https://github.com/Assortment/darkmodejs Play to create Games https://odyc.dev/ React Interviews: An Introduction https://www.greatfrontend.com/react-interview-playbook/introduction How Imports Work in RSC https://overreacted.io/how-imports-work-in-rsc Reactivity is easy https://romgrk.com/posts/reactivity-is-easy Progressive JSON https://overreacted.io/progressive-json/ Why Does RSC Integrate with a Bundler? https://overreacted.io/why-does-rsc-integrate-with-a-bundler/ 5 Web AI updates from Google I/O 2025 https://www.youtube.com/watch?v=NTo3Jpl_pOs ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus News from WWDC25: WebKit in Safari 26 beta https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/ What’s new in Safari and WebKit https://developer.apple.com/videos/play/wwdc2025/233/ Learn more about Declarative Web Push https://developer.apple.com/videos/play/wwdc2025/235/ State of CSS 2025 https://survey.devographics.com/en-US/survey/state-of-css/2025 Partial Keyframes https://www.joshwcomeau.com/animation/partial-keyframes/ Exploring the CSS contrast-color() Function… a Second Time https://css-tricks.com/exploring-the-css-contrast-color-function-a-second-time/ Scroll-Driven Letter Grid https://frontendmasters.com/blog/scroll-driven-letter-grid/ Jen Simmons on Declarative Web Push, Form Control Styling, & More https://shoptalkshow.com/667/ Decoding The SVG path Element: Line Commands https://www.smashingmagazine.com/2025/06/decoding-svg-path-element-line-commands/ Printing the web: making webpages look good on paper https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/ SF Symbols 7 https://developer.apple.com/sf-symbols/ Astro 5.9 https://astro.build/blog/astro-590/ Storybook 9 https://storybook.js.org/blog/storybook-9/ Spectral.js is a paint like color mixing library utilizing the Kubelka-Munk theory. https://github.com/rvanwijnen/spectral.js Smooth Extensible Slider https://github.com/vallafederico/smooothy ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Beware of End-of-Life Node.js Versions - Upgrade or Seek Post-EOL Support https://nodejs.org/en/blog/announcements/node-18-eol-support Node v24.2.0 (Current) https://nodejs.org/en/blog/release/v24.2.0 HMR natively in Node.js (technical write up) https://immaculata.dev/blog/native-nodejs-hmr.html Stop Losing Sleep Over Node.js Config: Here's How to Get It Right https://blog.platformatic.dev/stop-losing-sleep-over-nodejs-config-heres-how-to-get-it-right The ultimate Object Relational Mapper for Node.js, Bun and Deno https://orange-orm.io/ Mock Service Worker: REST/GraphQL API Mocking Library https://mswjs.io/ JavaScript Library for Timezone Lookup by Location https://github.com/photostructure/tz-lookup ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories firstChild can be white space https://frontendmasters.com/blog/firstchild-can-be-white-space/ state of CSS 2025 https://survey.devographics.com/en-US/survey/state-of-css/2025 Decorative text within HTML https://shkspr.mobi/blog/2025/05/decorative-text-within-html/ Better CSS Shapes Using shape() — Part 2: More on Arcs https://css-tricks.com/better-css-shapes-using-shape-part-2-more-on-arcs/ Write more reliable JavaScript with optional chaining https://allthingssmitty.com/2025/06/02/write-more-reliable-javascript-with-optional-chaining/ Getting Creative With HTML Dialog https://css-tricks.com/getting-creative-with-html-dialog/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Announcing Rolldown-Vite https://voidzero.dev/posts/announcing-rolldown-vite TC39 Advances Array.fromAsync, Error.isError, and Explicit Resource Management to Stage 4 https://socket.dev/blog/tc39-advances-9-proposals WebStatus.dev: Now with more data, deeper insights, and a clearer path to Baseline https://web.dev/blog/web-platform-dashboard-evolution A JavaScript Developer's Guide to Go https://prateeksurana.me/blog/guide-to-go-for-javascript-developers/ document.currentScript is more useful than I thought. https://macarthur.me/posts/current-script/ Svelte Summit Spring 2025 https://www.youtube.com/playlist?list=PL8bMgX1kyZThKy_B41FQHk_xsHMQouV1Z Seamlessly Blend PHP with Node.js https://blog.platformatic.dev/seamlessly-blend-php-with-nodejs Storybook 9 https://storybook.js.org/blog/storybook-9/ 🏝️ A CLI tool to replace and automate your daily web browser. https://github.com/sebastiancarlos/beachpatrol A roadmap to learning React by practice https://reactpractice.dev/articles/roadmap-to-learning-react Search Params Are State https://tanstack.com/blog/search-params-are-state Why Does RSC Integrate with a Bundler? https://overreacted.io/why-does-rsc-integrate-with-a-bundler Autofix Browser Errors with the Playwright MCP in Cursor‏ https://egghead.io/autofix-browser-errors-with-the-playwright-mcp-in-cursor~lq4dr ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Exploring the OKLCH ecosystem and its tools https://evilmartians.com/chronicles/exploring-the-oklch-ecosystem-and-its-tools WebStatus.dev: Now with more data, deeper insights, and a clearer path to Baseline https://web.dev/blog/web-platform-dashboard-evolution CSS if() functions & reading-flow (in Chrome 137) https://www.youtube.com/watch?v=Apn8ucs7AL0 Getting Creative With HTML Dialog https://css-tricks.com/getting-creative-with-html-dialog/ IE6, AI, and the future of browsing the Web https://agenticweb.nearestnabors.com/p/ai-future-web The 3 Ways JavaScript Frameworks Render the DOM https://www.youtube.com/watch?v=0C-y59betmY CSS Spotlight Effect https://frontendmasters.com/blog/css-spotlight-effect/ Better CSS Shapes Using shape() — Part 2: More on Arcs https://css-tricks.com/better-css-shapes-using-shape-part-2-more-on-arcs/ 🏝️ A CLI tool to replace and automate your daily web browser. https://github.com/sebastiancarlos/beachpatrol Smooth Extensible Slider https://github.com/vallafederico/smooothy Download 442 free SVG icons https://www.glowui.com/icons mini -photo-editor https://mini2-photo-editor.netlify.app/ The headless components for Svelte https://bits-ui.com/ Font Generator https://fontgenerator.cool/#google_vignette מיזם ממש יפה לזכר החיילים שנפלו: https://www.ot-hayim.co.il/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Seamlessly Blend PHP with Node.js https://blog.platformatic.dev/seamlessly-blend-php-with-nodejs Implement AI safeguards with Node.js and Llama Stack https://developers.redhat.com/articles/2025/05/28/implement-ai-safeguards-nodejs-and-llama-stack Managing Feature Flags in Express.js with Trunker https://blog.migliorelli.dev/posts/managing-feature-flags-in-express-js-with-trunker Write more reliable JavaScript with optional chaining https://allthingssmitty.com/2025/06/02/write-more-reliable-javascript-with-optional-chaining/ Building a Linux Electron App https://www.dolthub.com/blog/2025-05-29-building-a-linux-electron-app/ 🔍 cli utility for querying the node_modules directory https://github.com/ranyitz/qnm Effortlessly build beautiful command-line apps https://github.com/bombshell-dev/clack Toolkit enabling the use of Zig code in JavaScript projects https://github.com/chung-leong/zigar Official JavaScript / TypeScript library for the OpenAI API https://github.com/openai/openai-node Opossum 8.5: A Circuit Breaker for Async Functions https://nodeshift.dev/opossum/ A CLI tool to replace and automate your daily web browser. https://github.com/sebastiancarlos/beachpatrol ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Wake up, Remix! https://remix.run/blog/wake-up-remix JavaScript's upcoming Temporal API and what problems it will solve https://waspdev.com/articles/2025-05-24/temporal-api#javascript_s_upcoming_temporal_api_and_what_problems_it_will_solve Announcing Angular v20 https://blog.angular.dev/announcing-angular-v20-b5c9c06cf301 Introducing Zod 4 https://zod.dev/v4 Why are 2025/05/28 and 2025-05-28 different days in JavaScript? https://brandondong.github.io/blog/javascript_dates/ Performance debugging in DevTools https://www.youtube.com/watch?v=BHqxD9qr6Gw A visual exploration of core React concepts https://react.gg/visualized The 3 Ways JavaScript Frameworks Render the DOM https://www.youtube.com/watch?v=0C-y59betmY Build a Blog with Angular in Under 30 Minutes Using Analog https://www.telerik.com/blogs/build-blog-angular-under-30-minutes-using-analog Your React Meta-Framework Feels Broken, Here's Why https://rwsdk.com/blog/your-react-meta-framework-feels-broken Svelte Flow 1.0 is here! https://xyflow.com/blog/svelte-flow-release A modern, lightning-quick PoW captcha https://capjs.js.org/ TypeScript/JavaScript SDK for Gemini and Vertex AI. https://github.com/googleapis/js-genai ReactJust React Server Components without a framework https://reactjust.dev/ Performance Optimization in Modern React https://gist.github.com/dariuscosden/7c2b1347a4196e7f04ed412cec99ec97?utm_source=importreact.beehiiv.com&utm_medium=newsletter&utm_campaign=free-react-performance-guide&_bhlid=1a47844fb17cc64b5482ef96a9dc6806e68dc260 Composing Server and Client Components: The Modern React's Superpower https://www.epicreact.dev/composing-server-and-client-components-the-modern-reacts-superpower-08yn9 What every dev should know about using Environment Variables https://expo.dev/blog/what-are-environment-variables#236 The Beauty of TanStack Router https://tkdodo.eu/blog/the-beauty-of-tan-stack-router GitHub for Beginners: Building a React App with GitHub Copilot https://github.blog/ai-and-ml/github-copilot/github-for-beginners-building-a-react-app-with-github-copilot/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Top ways to ensure your content performs well in Google's AI experiences on Search https://developers.google.com/search/blog/2025/05/succeeding-in-ai-search HTML5 Elements You Didn't Know You Need https://dev.to/maxprilutskiy/html5-elements-you-didnt-know-you-need-gan Move Modal in on a… shape() https://frontendmasters.com/blog/move-modal-in-on-a-shape/ Build a custom mcp server in 15 mins https://www.youtube.com/watch?v=nTMSyldeVSw A visual exploration of core React concepts https://react.gg/visualized GitHub for Beginners: Building a React App with GitHub Copilot https://github.blog/ai-and-ml/github-copilot/github-for-beginners-building-a-react-app-with-github-copilot/ Animated Product Grid Preview with GSAP & Clip-Path https://tympanus.net/codrops/2025/05/27/animated-product-grid-preview-with-gsap-clip-path/ What if we could only prefetch data the user actually needs? https://foresightjs.com/ A modern, lightning-quick PoW captcha https://capjs.js.org/ snapDOM captures HTML elements as images with exceptional speed and accuracy. https://github.com/zumerlab/snapdom An open source Flash Player emulator https://ruffle.rs/ Docusaurus 3.8 https://docusaurus.io/blog/releases/3.8 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Trip report: Node.js collaboration summit (2025 Paris) https://nodejs.org/en/blog/events/collab-summit-2025-paris Node.js TSC Declines to Endorse Feature Bounty Program https://socket.dev/blog/node-js-tsc-declines-to-endorse-feature-bounty-program Announcing TypeScript Native Previews https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/ 6 Ways Slack, Notion, and VSCode Improved Electron App Performance https://palette.dev/blog/improving-performance-of-electron-apps TypeScript/JavaScript SDK for Gemini and Vertex AI. https://github.com/googleapis/js-genai 🚀 Fast, reliable and easy-to-use js-to-exe compiler. https://github.com/astracompiler/cli Extract the main content from web pages. https://github.com/kepano/defuddle Create a new express app similar to express-generator but with TypeScript https://github.com/seanpmaxwell/express-generator-typescript ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Move Modal in on a… shape() https://frontendmasters.com/blog/move-modal-in-on-a-shape/ Are 'CSS Carousels' accessible? https://www.sarasoueidan.com/blog/css-carousels-accessibility/ Dialog is for modals, popover is for everything else https://mayank.co/notes/popover-vs-dialog/ You can style alt text like any other text https://piccalil.li/blog/you-can-style-alt-text-like-any-other-text/ How JavaScript’s at() method makes array indexing easier https://allthingssmitty.com/2025/05/19/how-javascript-at-method-makes-array-indexing-easier/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly This year, JavaScript turns 30. https://deno.com/blog/history-of-javascript Announcing TypeScript Native Previews https://devblogs.microsoft.com/typescript/announcing-typescript-native-previews/ Introduction to JavaScript Frameworks https://www.youtube.com/watch?v=DAci3O2j31o What's new in Angular https://www.youtube.com/watch?v=eIeJmYdYMQo ESLint v9.0.0: A retrospective https://eslint.org/blog/2025/05/eslint-v9.0.0-retrospective/ 6 Ways Slack, Notion, and VSCode Improved Electron App Performance https://palette.dev/blog/improving-performance-of-electron-apps Extract the main content from web pages. https://github.com/kepano/defuddle snapDOM captures HTML elements as images with exceptional speed and accuracy. https://github.com/zumerlab/snapdom What if we could only prefetch data the user actually needs? https://foresightjs.com/ 🚀 Fast, reliable and easy-to-use js-to-exe compiler. https://github.com/astracompiler/cli A JavaScript utility for posting across multiple social networks at once https://github.com/humanwhocodes/crosspost/ Rockpack 6.0: An Alternative React App Starter https://alexsergey.github.io/rockpack/ 5 best practices for React with TypeScript security https://snyk.io/blog/best-practices-react-typescript-security/ Liran Tal - Friend or Foe? TypeScript Security Fallacies https://youtu.be/YbQhSgB5iMM?si=q_OrjhtiYMBlqYib ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus What's new in web https://web.dev/blog/whats-new-in-web-io2025 10 updates from Google I/O 2025: CSS carousels, AI-powered DevTools, Prompt API with multimodal capabilities, and more https://developer.chrome.com/blog/web-at-io25 Google’s Gemini AI is coming to Chrome https://www.theverge.com/news/670201/google-gemini-chrome-ai-io-2025 Visual Studio Code now supports Baseline https://web.dev/blog/baseline-vscode MCP is the coming of Web 2.0 2.0 https://www.anildash.com//2025/05/20/mcp-web20-20/ The future of the web depends on getting this right https://blog.mozilla.org/en/mozilla/internet-policy/amicus_brief/ Creating Blob Shapes using clip-path: shape() https://frontendmasters.com/blog/creating-blob-shapes-using-clip-path-shape/ Accessibility Report 2025 https://emailmarkup.org/en/reports/accessibility/2025/ Unshipping: How (and when) to break web features https://www.igalia.com/chats/unshipping CSS snippets https://adactio.com/journal/21896 Is there a Correct Answer? Flipping Layouts When Google Translate Swaps between a Left-to-Right Language and a Right-to-Left Language https://frontendmasters.com/blog/to-flip-or-not-to-flip/ CSS Tips: Flexible Wrapping CSS Grid https://www.youtube.com/watch?v=EeM5wnhO9iI We launched our first Shopify theme https://www.nicchan.me/blog/we-launched-our-first-shopify-theme/ Finding the Joy in Alt Text https://bryn.codes/writing/the-joy-in-alt-text/ Core building blocks for AI apps. https://www.prompt-kit.com/ The best code generators for developers https://webcode.tools/#google_vignette Datastar helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework. https://data-star.dev/ jsPad: A Modern Playground for Writing and Testing JavaScript, TypeScript, HTML, and CSS https://www.jspad.dev/ A JavaScript utility for posting across multiple social networks at once https://github.com/humanwhocodes/crosspost/ The Ultimate Color Picker & Eyedropper for Google Chrome https://www.colorpocket.app/ Can Windows 95 Browse the Modern Internet in 2025? https://www.youtube.com/watch?v=B69D5JqlMOs ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Unraveling the mystery of percentage-based heights in CSS https://www.joshwcomeau.com/css/height-enigma/ Container Query for “is there enough space outside this element?” https://frontendmasters.com/blog/container-query-for-is-there-enough-space-outside-this-element/ Creating Flower Shapes using clip-path: shape() https://frontendmasters.com/blog/creating-flower-shapes-using-clip-path-shape/ Scroll-Driven Animations Inside a CSS Carousel https://css-tricks.com/scroll-driven-animations-inside-a-css-carousel/ Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension https://www.smashingmagazine.com/2025/05/smashing-animations-part-2-css-masking-add-extra-dimension/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The Height Enigma https://www.joshwcomeau.com/css/height-enigma/ Update on CSS Anchor Positioning https://www.w3.org/blog/CSS/2025/05/12/update-on-css-anchor-positioning/ How to have the browser pick a contrasting color in CSS https://webkit.org/blog/16929/contrast-color/ Add wide gamut P3 and alpha transparency to your color picker in HTML https://www.webkit.org/blog/16900/p3-and-alpha-color-pickers/ Integrating Localization Into Design Systems https://www.smashingmagazine.com/2025/05/integrating-localization-into-design-systems/ Container Query for “is there enough space outside this element?” https://frontendmasters.com/blog/container-query-for-is-there-enough-space-outside-this-element/ It wasn’t the idea that failed: it was the execution https://blog.nordcraft.com/it-wasnt-the-idea-that-failed-it-was-the-execution Creating Flower Shapes using clip-path: shape() https://frontendmasters.com/blog/creating-flower-shapes-using-clip-path-shape/  Discover typefaces and build your  font collection. https://fonts.ninja/ A components library built with Tailwind CSS that works with any web stack. https://basecoatui.com/ Easy peasy animations for your Tailwind project https://github.com/midudev/tailwind-animations HelloCSV: A Drop-In, CSV Importing Workflow for JS Apps https://hellocsv.github.io/HelloCSV/ Free Web & Mobile Templates for Startups https://flatlogic.com/templates MoodHue: Generate a Color Palette Based on Mood with AI https://moodhue.vercel.app/ Why we are still using 88x31 buttons https://ultrasciencelabs.com/lab-notes/why-we-are-still-using-88x31-buttons ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Robust and fast parser and generator for RSS, Atom, JSON Feed, and RDF feeds, with support for Podcast, iTunes, Dublin Core, and OPML files. https://github.com/macieklamberski/feedsmith Node v24.0.1 (Current) https://nodejs.org/en/blog/release/v24.0.1 Best Practices for Creating a Modern npm Package with Security in Mind https://snyk.io/blog/best-practices-create-modern-npm-package/ Build PowerPoint presentations with JavaScript. Works with Node, React, web browsers, and more. https://github.com/gitbrent/PptxGenJS CJS/ESM ANSI color library for CI, terminals and Chromium-based browser consoles. Compatible with Bun, Deno, Next.JS. https://github.com/webdiscus/ansis parquet file parser for javascript https://github.com/hyparam/hyparquet A javascript text differencing implementation. https://github.com/kpdecker/jsdiff glob functionality for node.js https://github.com/isaacs/node-glob how to gain code execution on millions of people and hundreds of popular apps https://kibty.town/blog/todesktop/ One Threat to Unite Them All: Malicious Code Hidden in NPM Packages https://cycode.com/blog/malicious-code-hidden-in-npm-packages/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Using Container Query Units Relative to an Outer Container https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container/ shape(): A New Powerful Drawing Syntax in CSS https://frontendmasters.com/blog/shape-a-new-powerful-drawing-syntax-in-css/ The power of the spread and rest syntax in JavaScript https://allthingssmitty.com/2025/05/05/the-power-of-spread-and-rest-patterns-in-javascript.md/ Use CSS reading-flow for logical sequential focus navigation https://developer.chrome.com/blog/reading-flow Smashing Animations Part 1: How Classic Cartoons Inspire Modern CSS https://www.smashingmagazine.com/2025/05/smashing-animations-part-1-classic-cartoons-inspire-css/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S