The weekly

Node Weekly NodeBB v3.0.0 — it's here! https://community.nodebb.org/topic/17115/nodebb-v3-0-0-it-s-here WebContainers now run on Safari, iOS, and iPadOS https://blog.stackblitz.com/posts/webcontainers-are-now-supported-on-safari/ Exposing a Rust Library to Node with Napi-rs https://johns.codes/blog/exposing-a-rust-library-to-node-with-napirs What's New in Mongoose 7.1: BigInt Support and createCollections() https://thecodebarbarian.com/whats-new-in-mongoose-7-1-bigint-support-createcollections.html Say Allo' to the new Inquirer (release of the rewrite) https://github.com/SBoudrias/Inquirer.js/discussions/1214 Marked.js 5.0: A Fast Markdown Parser and Compiler https://marked.js.org/ Axios 1.4: https://github.com/axios/axios Alfaaz: The Fastest Multilingual Word Counter https://github.com/thecodrr/alfaaz The first javascript INI parser supporting multiline strings. https://github.com/HeyPuter/multiline-ini SSH2 client and server modules written in pure JavaScript for node.js. https://github.com/mscdex/ssh2 patch-package 7.0: Fix Broken Node Modules Instantly https://github.com/ds300/patch-package ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Learn CSS the easy way https://css-tip.com/ The “const” Deception https://www.joshwcomeau.com/javascript/the-const-deception/ CSS Blend Modes https://garden.bradwoods.io/notes/css/blend-modes Rebuilding a featured news section with modern CSS: Vox news https://ishadeed.com/article/rebuild-featured-news-modern-css/ Exploring :has() Again https://css-irl.info/exploring-has-again/ Neat CSS https://neat.joeldare.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing Babylon.js 6.0 https://babylonjs.medium.com/announcing-babylon-js-6-0-dcb5f1662e3a 🐦 Oracle's Lawyers Stir Over JavaScript™ Trademark Use

frontend focus CSS Blend Modes https://garden.bradwoods.io/notes/css/blend-modes Opera One: Browsing Reinvented https://www.opera.com/one Web Accessibility: A Reference to Creating Inclusive Websites https://stackdiary.com/web-accessibility/ Container Query Units and Fluid Typography https://moderncss.dev/container-query-units-and-fluid-typography/ Setup Custom Properties https://moderncss.dev/container-query-units-and-fluid-typography/ The Potentially Dangerous Non-Accessibility Of Cookie Notices https://www.smashingmagazine.com/2023/04/potentially-dangerous-non-accessibility-cookie-notices/ CSS Custom Properties Beyond the :root https://matthiasott.com/notes/custom-properties-beyond-the-root When is :focus-visible visible? https://bitsofco.de/when-is-focus-visible-visible/ Exploring The Potential Of Web Workers For Multithreading On The Web https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/ Richer UI install available for desktop https://developer.chrome.com/blog/richer-install-ui-desktop/ Rich Harris on frameworks, the web, and the edge https://www.youtube.com/watch?v=uXCipjbcQfM List.js: Add Search, Sort, Filters, and More to Tables and Lists https://listjs.com/ A Pure CSS Table Tennis Game https://codepen.io/ivorjetski/pen/mdzrLbW Minimal CSS Framework for semantic HTML https://picocss.com/ Free Tailwind landing page template https://github.com/cruip/tailwind-landing-page-template Get fully customizable, accessible and unstyled UI components https://ark-ui.com/ Tailwind Variants https://www.tailwind-variants.org/ Editable: An Extensible Rich Text Editor Framework https://github.com/editablejs/editable ------------------------- for more -subscribe to the channel https://t.me/webWekkly

node weekly How to process a CSV file five times faster in NodeJs with Rust and Napi rs https://www.alxolr.com/articles/how-to-process-a-csv-file-five-times-faster-in-node-js-with-rust-and-napi-rs Building a modern gRPC-powered microservice using Node.js, Typescript, and Connect https://blog.dopt.com/building-a-modern-grpc-powered-microservice Dissecting Npm Malware: Five Packages And Their Evil Install Scripts https://blog.sandworm.dev/dissecting-npm-malware-five-packages-and-their-evil-install-scripts Introducing npm package provenance https://github.blog/2023-04-19-introducing-npm-package-provenance/ How Postgres Triggers Can Simplify Your Backend Development https://themythicalengineer.com/how-postgres-triggers-can-simplify-your-backend-development.html Building And Dockerizing A Node.js App With Stateless Architecture With Help From Kinsta https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/ How to install Node.js 20 on Ubuntu 20.04 LTS https://joshtronic.com/2023/04/23/how-to-install-nodejs-20-on-ubuntu-2004-lts/ Linker.js: Access C, C++, Rust and Go Libraries from Node https://github.com/bitair-org/linker.js

Front-End Front Top Stories Recreating the title effect from creativesouth.com https://rachsmith.com/recreating-creative-south-title/ Spinning Diagrams with CSS https://x.st/spinning-diagrams-with-css/ Container Query Units and Fluid Typography https://moderncss.dev/container-query-units-and-fluid-typography/ 4 Ways to Create an Enum in JavaScript https://dmitripavlutin.com/javascript-enum/ Release Notes for Safari Technology Preview 168 https://webkit.org/blog/14106/release-notes-for-safari-technology-preview-168/ CSS Custom Properties Beyond the :root https://matthiasott.com/notes/custom-properties-beyond-the-root ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Introducing npm package provenance https://github.blog/2023-04-19-introducing-npm-package-provenance/ What's new in ECMAScript 2023 https://pawelgrzybek.com/whats-new-in-ecmascript-2023/ Vite 4.3 is out! https://vitejs.dev/blog/announcing-vite4-3.html Richer UI install available for desktop https://developer.chrome.com/blog/richer-install-ui-desktop/ Passkeys: What the Heck and Why? https://css-tricks.com/passkeys-what-the-heck-and-why/ Tutorial: Integrating React Flow and the Web Audio API https://reactflow.dev/blog/react-flow-and-the-web-audio-api/ 4 Ways to Create an Enum in JavaScript https://dmitripavlutin.com/javascript-enum/ Deno vs. Node: No One is Ready for the Move https://cult.honeypot.io/reads/deno-vs-node-main-differences/ Tachyon 2.0: A Bite-Sized Script to Make Page Navigation Faster https://github.com/weebney/tachyon Say hello to your new icon library. https://iconoir.com/ Ark UI: A Headless Library of Customizable, Accessible, and Unstyled UI Components https://ark-ui.com/ A package for visualizing Next.js app directory routes. https://github.com/DiiiaZoTe/next-route-visualizer Super fast hashing library written in Vanilla JS https://github.com/unjs/ohash Awesome React: Almost 500 Curated React Projects and Resources https://github.com/enaqx/awesome-react Storybook 7.0 https://storybook.js.org/blog/storybook-7-0/ Building a blog with Next.js 13 and React Server Components https://maxleiter.com/blog/build-a-blog-with-nextjs-13 Must Know React Portability Patterns https://www.youtube.com/watch?v=yi8UCnXPu8U Stop using nested ifs. Do this instead https://medium.com/coding-beauty/stop-using-nested-ifs-ed30e5ea5086 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus It's time to learn oklch color https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color/ Solving the CSS layout and source order disconnect https://developer.chrome.com/blog/reading-order/ What’s new in WCAG 2.2? https://accessibleweb.com/wcag/whats-new-in-wcag-2-2/ Tutorial: Integrating React Flow and the Web Audio API https://reactflow.dev/blog/react-flow-and-the-web-audio-api/ Recreating the title effect from creativesouth.com https://rachsmith.com/recreating-creative-south-title/ Chasing rainbows https://www.theverge.com/23650428/colorblindness-design-ui-accessibility-wordle Optimizing resource loading with the Fetch Priority API https://web.dev/fetch-priority/ Interaction to Next Paint (INP): What is it and How to Improve It https://calibreapp.com/blog/interaction-to-next-paint Passkeys: What the Heck and Why? https://css-tricks.com/passkeys-what-the-heck-and-why/ Say hello to your new icon library. https://iconoir.com/ Tailwind Animations https://github.com/canopas/tailwind-animations The UI toolkit for Svelte and Tailwind. https://www.skeleton.dev/ Online Favicon Generator https://www.favicon.software/ Color contrast checker https://colorcontrast.app/#fg=%23107db5&bg=%23fff&level=aa&format=rgb&algo=WCAG2&filter=none Easy email https://github.com/zalify/easy-email ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node.js 20 is now available! https://nodejs.org/en/blog/announcements/v20-release-announce Node v18.16.0 (LTS) https://nodejs.org/en/blog/release/v18.16.0 NPM Security best practices¶ https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html Deno vs. Node: No One is Ready for the Move https://cult.honeypot.io/reads/deno-vs-node-main-differences/ Stream File Uploads to S3 Object Storage and Reduce Costs https://austingil.com/upload-to-s3/ Open-Source Admin Panel for your Node.js Application https://adminjs.co/ a Node.js SOAP client for invoking web service https://github.com/loopbackio/strong-soap The Node.js framework for monoliths and microservices. https://github.com/crufters/actio Discord.js v14 Bot https://github.com/saiteja-madha/discord-js-bot Powerful search, tagging, filtering and sorting via simple text query language, for SQLite databases. https://github.com/haxtra/liquery ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Improving CSS Shapes with Trigonometric Functions https://danielcwilson.com/posts/css-shapes-with-trig-functions/ A small JavaScript pattern I enjoy using https://kilianvalkhof.com/2023/javascript/a-small-javascript-pattern-i-enjoy-using/ New to the web platform in March https://web.dev/web-platform-03-2023/ New in Chrome 112 https://developer.chrome.com/en/blog/new-in-chrome-112/ Using color-mix() to create opacity variants https://una.im/color-mix-opacity/ 3 Methods for Scoped Styles in Web Components That Work Everywhere https://www.zachleat.com/web/styling-web-components/ Responsive Border Radius with Badge https://codepen.io/wheatup/details/zYJaWrX CSS Text balancing with text-wrap:balance https://ishadeed.com/article/css-text-wrap-balance/ Release Notes for Safari Technology Preview 167 https://webkit.org/blog/14100/release-notes-for-safari-technology-preview-167/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The JavaScript Equality Table Game https://eqeq.js.org/ htmx 1.9.0 has been released! https://htmx.org/posts/2023-04-11-htmx-1-9-0-is-released/ The ECMAScript® 2023 Language Spec Steps Forward https://tc39.es/ecma262/2023/ Angular is back with a vengeance https://www.youtube.com/watch?v=nQ2A30cD3Q8 Ranger: JS Range Syntax for Anything https://dev.to/jonrandy/ranger-js-range-syntax-for-anything-4djc Trying Node.js Test Runner https://glebbahmutov.com/blog/trying-node-test-runner/ Create Stunning Presentations on the Web https://revealjs.com/ List.js: Add Search, Sort, Filters, and More to Tables and List https://listjs.com/ Asynchronous function queue with adjustable concurrency. https://github.com/jessetane/queue Yet Another React Lightbox https://yet-another-react-lightbox.com/ Sandpack 2.6: Component Toolkit for Creating Live Code Editing Experiences https://sandpack.codesandbox.io/ template string template engine designated to generate code at runtime. https://tinylibs.js.org/packages/ts-writer/ Minimatch 9.0 https://github.com/isaacs/minimatch Next.js 13.3 https://nextjs.org/blog/next-13-3 How Migrating from Vanilla Redux to Redux Toolkit Improved State Management in Shopify POS https://shopify.engineering/react-redux-toolkit-migration React forwardRef(): How to Pass Refs to Child Components https://dmitripavlutin.com/react-forwardref/ Framework popularity on Netlify https://www.netlify.com/blog/framework-popularity-on-netlify/ Mastering React: Techniques to Take Your UI to the Next Level https://blog.bitsrc.io/mastering-react-techniques-to-take-your-ui-to-the-next-level-a5002173904f Webxr with Three.js and React (React Three Fiber) https://www.youtube.com/playlist?list=PLpM_sf_d5YTPXeVp4cmgN_cNBj9pNTEmZ#react3dfiber ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus CSS Text balancing with text-wrap:balance https://ishadeed.com/article/css-text-wrap-balance/ Chrome will support the WebGPU API by default—here’s why that’s important https://arstechnica.com/gadgets/2023/04/chrome-113-will-enable-webgpu-a-modern-low-overhead-graphics-api-for-the-web/ Modern HTML email (tables no longer required) https://fullystacked.net/posts/modern-html-email/ Can you create beautiful stroked text in CSS? https://blog.logrocket.com/create-beautiful-stroked-text-css/ Testing localhost on multiple devices https://www.silvestar.codes/articles/testing-localhost-on-multiple-devices/ Webxr with Three.js and React (React Three Fiber) https://www.youtube.com/playlist?list=PLpM_sf_d5YTPXeVp4cmgN_cNBj9pNTEmZ#react3dfiber Using color-mix() to create opacity variants https://una.im/color-mix-opacity/ Create amazing patterns using CSS gradients https://www.youtube.com/watch?v=mXrBC_mZfTw Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more https://tailwindcss.com/blog/tailwindcss-v3-3 Iconhunt: A Search Engine for 150,000+ Icons https://www.iconhunt.site/ Catchy gradients Stunning templates https://gradicol.vercel.app/ Say Goodbye to Boring Lorem Ipsum https://uicontent.co/ Generate your ideal color palette https://colormagic.app/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Trying Node.js Test Runner https://glebbahmutov.com/blog/trying-node-test-runner/ Node v19.9.0 (Current) https://nodejs.org/en/blog/release/v19.9.0 State of node.js 2023 https://www.youtube.com/watch?v=Yl5mVte-wdw Electron 24.0.0 https://www.electronjs.org/blog/electron-24-0 Mastering Yarn's lifecycle with hooks https://scinos.dev/posts/2023-04-08-mastering-yarns-lifecycle-with-hooks/ NPKILL 0.11.1: Delete node_modules Even Faster https://github.com/voidcosmos/npkill/releases/tag/v0.11.1 Croner - Cron for JavaScript and TypeScript https://github.com/hexagon/croner Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli A zero-dependency cron parser and scheduler for Node.js, Deno and the browser. https://github.com/P4sca1/cron-schedule tsPEG : A PEG Parser Generator for TypeScript https://github.com/EoinDavey/tsPEG/tree/master ------------------------- for more -subscribe to the channel https://t.me/webWekkly

javascript weekly (yap - moved to Thursday ) Croner: Cron for JavaScript and TypeScript https://github.com/hexagon/croner JSON vs XML With Douglas Crockford https://corecursive.com/json-vs-xml-douglas-crockford/ RFC: Angular Signals https://github.com/angular/angular/discussions/49685 JavaScript Algorithms and Data Structures https://github.com/trekhleb/javascript-algorithms Reactive switchboard: making a big, slow Vue/Alpine page "blazingly" fast https://calebporzio.com/reactive-switchboard ⚛️ Dan Abramov explores React Server Components with us! [VOD] https://www.youtube.com/watch?v=Fctw7WjmxpU PWAs in app stores https://web.dev/pwas-in-app-stores/ DevTools Tips: What are source maps? https://developer.chrome.com/en/blog/devtools-tips-23/ JSPM CLI Relaunch https://jspm.org/jspm-cli The CLI for your next Chrome Extension. 🚀 https://github.com/dutiyesh/chrome-extension-cli React Chrono 2: A Flexible Timeline Component https://github.com/prabhuignoto/react-chrono Optimizes static websites for best user experience and best Core Web Vitals scores. https://github.com/divriots/jampack vanilla javascript input mask https://imask.js.org/ How I improve my skills in Typescript #2 : Mapped Type https://dev.to/codeoz/how-i-improve-my-skills-in-typescript-2-mapped-type-dag Typescript utility types that you must know https://dev.to/arafat4693/typescript-utility-types-that-you-must-know-4m6k Learning React from two Angles in 2023 https://www.robinwieruch.de/learning-react/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus PWAs in app stores https://web.dev/pwas-in-app-stores/ CSS Masking https://ishadeed.com/article/css-masking/ How WebAssembly is accelerating new web functionality https://blog.chromium.org/2023/04/how-webassembly-is-accelerating-new-web.html SAFARI RELEASES ARE DEVELOPMENT HELL https://www.construct.net/en/blogs/ashleys-blog-2/safari-releases-development-1616 DevTools Tips: What are source maps? https://developer.chrome.com/en/blog/devtools-tips-23/ A CSS selector to highlight clickable elements https://sebastiandedeyne.com/a-css-selector-to-highlight-clickable-elements/ Learn HTML5 and CSS3 From Scratch https://www.youtube.com/watch?v=mU6anWqZJcc Build full featured iOS, Android & Desktop apps https://framework7.io/ Simple Icons https://simpleicons.org/ StatiCrypt 3: Password Protect a Static HTML Page https://github.com/robinmoisson/staticrypt How eBay Made Its New Accessibility Tool — And Made It Available to All https://tech.ebayinc.com/engineering/how-ebay-made-its-new-accessibility-tool-and-made-it-available-to-all/ Ellegant CSS Framework https://frontendfoc.us/issues/587 Console for Mobile Browsers. https://github.com/liriliri/eruda Optimizes static websites for best user experience and best Core Web Vitals scores. https://github.com/divriots/jampack ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The search element https://www.scottohara.me/blog/2023/03/24/search-element.html Trigonometric functions in CSS https://web.dev/css-trig-functions/ CSS Masking https://ishadeed.com/article/css-masking/ Checkered background using two lines of code in CSS https://www.amitmerchant.com/checkered-background-using-only-two-lines-of-code-in-css/ Preventing too-short final lines of text blocks https://clagnut.com/blog/2425/ The Ultimate Guide to Image Optimisation https://calibreapp.com/blog/image-optimisation-guide ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JavaScript import maps are now supported cross-browser https://web.dev/import-maps-in-all-modern-browsers/ Updates from the 95th TC39 meeting https://dev.to/hemanth/updates-from-the-95th-tc39-meeting-ne5 React Labs: What We've Been Working On – March 2023 https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023 Qwik Reaches RC Milestone https://www.builder.io/blog/qwik-rc-milestone Janet for Mortals https://janet.guide/ In Praise of Vite https://cloudfour.com/thinks/in-praise-of-vite/ Building Framer Motion Animations Inside a Qwik Application https://www.builder.io/blog/framer-motion-qwik A Business Case for SvelteKit https://elliscs.hashnode.dev/a-business-case-for-sveltekit How to enable OpenTelemetry traces in React applications https://developers.redhat.com/articles/2023/03/22/how-enable-opentelemetry-traces-react-applications NPKILL 0.11.1: Delete node_modules Even Faster https://github.com/voidcosmos/npkill/releases/tag/v0.11.1 Inferno 8.1: A Fast, React-a-Like with a Different Approach https://www.infernojs.org/ Nano JSX: A Lightweight SSR-First JSX Library https://nanojsx.io/ Concurrent.js: Load Modules into Background Threads https://github.com/bitair-org/concurrent.js A zero-dependency cron parser and scheduler for Node.js, Deno and the browser. https://github.com/P4sca1/cron-schedule React server component for syntax highlighting https://bright.codehike.org/ A typescript library to deserialize json into typescript classes and serialize classes into json. https://github.com/GillianPerard/typescript-json-serializer Next.js App Router now supports static exports https://beta.nextjs.org/docs/configuring/static-export Rethinking React best practices https://frontendmastery.com/posts/rethinking-react-best-practices/ Smarter and Simpler React State https://www.youtube.com/watch?v=Cp64YbYBNDA The 2023 guide to React debugging https://raygun.com/blog/react-debugging-guide/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly One In Two New Npm Packages Is SEO Spam Right Now https://blog.sandworm.dev/one-in-two-new-npm-packages-is-seo-spam-right-now Node v16.20.0 (LTS) https://nodejs.org/en/blog/release/v16.20.0 Speeding up the JavaScript ecosystem - npm scripts https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/ Node.js compatibility for Cloudflare Workers – starting with Async Context Tracking, EventEmitter, Buffer, assert, and util https://blog.cloudflare.com/workers-node-js-asynclocalstorage/ The Landscape of npm Packages for CLI Apps https://blog.kilpatrick.cloud/posts/node-cli-app-packages/ A Business Case for SvelteKit https://elliscs.hashnode.dev/a-business-case-for-sveltekit np 7.7.0: A Better npm publish https://github.com/sindresorhus/np Nano JSX: A Lightweight SSR-First JSX Library https://nanojsx.io/ Concurrent.js: Load Modules into Background Threads https://github.com/bitair-org/concurrent.js pnpm v8.1 https://github.com/pnpm/pnpm/releases/tag/v8.1.0 Sharp 0.32.0: High Performance Image Processing from Node https://github.com/lovell/sharp ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus WebKit Features in Safari 16.4 https://webkit.org/blog/13966/webkit-features-in-safari-16-4/ Visually hidden content is a hack that needs to be resolved, not enshrined https://www.scottohara.me//blog/2023/03/21/visually-hidden-hack.html The Ultimate Guide to Image Optimisation https://calibreapp.com/blog/image-optimisation-guide Improving CSS Shapes with Trigonometric Functions https://danielcwilson.com/posts/css-shapes-with-trig-functions/ Health Benefits of Browser Diversity https://timkadlec.com/remembers/2023-03-22-safari-and-a-healthier-web/ CSS-only Widgets Are Inaccessible https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html File Uploads for the Web (1): Upload Files with HTML https://austingil.com/uploading-files-with-html/ Why APCA as a New Contrast Method?

Front-End Front Top Stories Some Cross-Browser DevTools Features You Might Not Know https://css-tricks.com/some-cross-browser-devtools-features-you-might-not-know/ When is :focus-visible visible? https://bitsofco.de/when-is-focus-visible-visible/ Release Notes for Safari Technology Preview 166 https://webkit.org/blog/13964/release-notes-for-safari-technology-preview-166/ Laying Out a Print Book With CSS https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/ The End of Front-End Development https://www.joshwcomeau.com/blog/the-end-of-frontend-development/ Progressively Enhancing a Table with a Web Component https://www.raymondcamden.com/2023/03/14/progressively-enhancing-a-table-with-a-web-component ------------------------- for more -subscribe to the channel https://t.me/webWekkly