The weekly

JavaScript Weekly Speeding up the JavaScript ecosystem - npm scripts https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-4/ 📣 Playwright v1.32 – Now with UI Mode https://github.com/microsoft/playwright/releases/tag/v1.32.0 Why We Added package.json Support to Deno https://deno.com/blog/package-json-support How to start a React Project in 2023 https://www.robinwieruch.de/react-starter/ Buying a bicycle using Playwright https://maciekpalmowski.dev/buying-a-bicycle-using-playwright/ The End of Front-End Development https://www.joshwcomeau.com/blog/the-end-of-frontend-development/ Migrating from ts-node to Bun https://johnnyreilly.com/migrating-from-ts-node-to-bun Pinia - Crash Course for Beginners https://www.youtube.com/watch?v=iuBLAdUWPtQ Astro JS Framework: A Practical Guide To Building Faster Websites https://bejamas.io/blog/practical-guide-to-astro-js-framework/ trace.cafe: Easy Webperf Trace Sharing https://trace.cafe/ VueUse - Collection of Vue Composition Utilities https://vueuse.org/ One Time Password (HOTP/TOTP) library for Node.js, Deno, Bun and browsers. https://github.com/hectorm/otpauth Recharts - a Redefined chart library built with React and D3. https://github.com/recharts/recharts DOCX 8.0: Generate Word .docx Files from JavaScript https://docx.js.org/#/ SvHighlight - Code Highlighting with Svelte https://github.com/bennymi/svhighlight eslint-formatter-pretty https://github.com/sindresorhus/eslint-formatter-pretty AWS JWT Verify https://github.com/awslabs/aws-jwt-verify react.dev: The New Home for React https://react.dev/ New React docs pretend SPAs don't exist anymore https://wasp-lang.dev/blog/2023/03/17/new-react-docs-pretend-spas-dont-exist Building Framer Motion Animations Inside a Qwik Application https://www.builder.io/blog/framer-motion-qwik How to stop a React component from rendering https://www.amitmerchant.com/how-to-stop-a-react-component-from-rendering/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

node weekly General availability of granular access token on npm https://github.blog/changelog/2023-03-21-general-availability-of-granular-access-token-on-npm/ Automatic npm publishing, with GitHub Actions & npm granular tokens https://httptoolkit.com/blog/automatic-npm-publish-gha/ Deno 1.32: Enhanced Node.js Compatibility https://deno.com/blog/v1.32 Why We Added package.json Support to Deno https://deno.com/blog/package-json-support Migrating from ts-node to Bun https://johnnyreilly.com/migrating-from-ts-node-to-bun CREATE A CLI CHATBOT WITH THE CHATGPT API AND NODE.JS https://philna.sh/blog/2023/03/13/create-a-cli-chatbot-with-chatgpt-api-and-node-js/ What’s New in Eleventy 2: A Great SSG Just Got Better https://www.sitepoint.com/eleventy-2/ One Time Password (HOTP/TOTP) library for Node.js, Deno, Bun and browsers. https://github.com/hectorm/otpauth DOCX 8.0: Generate Word .docx Files from Node or Browser https://docx.js.org/#/ Malibu: Framework-Agnostic CSRF Middleware https://github.com/tinyhttp/malibu pg-anonymizer 0.7.0: Anonymized Data Dumping from Postgres https://github.com/rap2hpoutre/pg-anonymizer eslint-formatter-pretty https://github.com/sindresorhus/eslint-formatter-pretty A pre-built authentication server that uses JSON Web Tokens (JWT) for authentication. A pre-built authentication server that uses JSON Web Tokens (JWT) for authentication. AWS JWT Verify https://github.com/awslabs/aws-jwt-verify ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The End of Front-End Development https://www.joshwcomeau.com/blog/the-end-of-frontend-development/ 6 CSS snippets every front-end developer should know in 2023 https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/ Selecting previous siblings with CSS :has() https://tobiasahlin.com/blog/previous-sibling-css-has/ Cool frontend arts of local-first: storage, sync, conflicts https://evilmartians.com/chronicles/cool-front-end-arts-of-local-first-storage-sync-and-conflicts Laying Out a Print Book With CSS https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/ Progressively Enhancing a Table with a Web Component https://www.raymondcamden.com/2023/03/14/progressively-enhancing-a-table-with-a-web-component Could we make the web more immersive using a simple optical illusion? https://shopify.github.io/spatial-commerce-projects/WonkaVision/ Why aren’t logical properties taking over everything? https://chriscoyier.net/2023/03/13/why-arent-logical-properties-taking-over-everything/ Fix Color Contrast – Web Accessibility for Text & UI Design https://pimpmytype.com/color-contrast/ The 'Dark Defaults' of Microsoft Edge?https://thomask.sdf.org/blog/2023/03/18/the-dark-defaults-of-microsoft-edge.html Enabling the Inspection of Web Content in Apps https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/ trace.cafe: Easy Webperf Trace Sharing https://trace.cafe/ Free fonts and font pairings to use for your next design project https://www.fontpair.co/ Welcome to Make Bookmarklets https://make-bookmarklets.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories 6 CSS snippets every front-end developer should know in 2023 https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023/ After Dark in CSS https://www.bryanbraun.com/after-dark-css/ Modern Font Stacks https://modernfontstacks.com/ Why aren’t logical properties taking over everything? https://chriscoyier.net/2023/03/13/why-arent-logical-properties-taking-over-everything/ Making Calendars With Accessibility and Internationalization in Mind https://css-tricks.com/making-calendars-with-accessibility-and-internationalization-in-mind/ Selecting previous siblings with CSS :has() https://tobiasahlin.com/blog/previous-sibling-css-has/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 🤖 Transformers.js: Running ML Models in the Browser https://xenova.github.io/transformers.js/ 10 years of Electron 🎉 https://www.electronjs.org/blog/10-years-of-electron Announcing TypeScript 5.0 https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/ Extremely fast file change detector and task orchestrator for Node.js. https://github.com/gajus/turbowatch The future of React https://changelog.com/jsparty/267 SPA view transitions land in Chrome 111 https://developer.chrome.com/blog/spa-view-transitions-land/ Create and download text files using JavaScript https://www.amitmerchant.com/create-and-download-text-files-using-javascript/ 5 Mistakes I Made When Starting My First React Project https://css-tricks.com/5-mistakes-starting-react/ Progressively Enhancing a Table with a Web Component https://www.raymondcamden.com/2023/03/14/progressively-enhancing-a-table-with-a-web-component Shell-free scripts with Execa 7 https://itnext.io/shell-free-scripts-with-execa-7-885fb3b42f83 Template is a simple JS framework for creating interactive applications. https://github.com/retrohacker/template A fully featured library for safely integrating ProseMirror and React. https://github.com/nytimes/react-prosemirror Fable is a compiler that brings F# into the JavaScript ecosystem https://fable.io/ MiniSearch: Small In-Memory Fulltext Search Engine for Browser and Node https://github.com/lucaong/minisearch CSS Variables for your CSS-in-JS solution https://css-variable.js.org/ Latest changes, bug fixes, and new component releases https://www.tremor.so/changelog Auto-Photoshop-StableDiffusion-Plugin https://github.com/AbdullahAlfaraj/Auto-Photoshop-StableDiffusion-Plugin React component library for re-sizable sidebars https://github.com/dorbus/flexboard Nuxt-Medusa Module: Integrate Medusa with your Nuxt.js application https://dev.to/medusajs/nuxt-medusa-module-integrate-medusa-with-your-nuxtjs-application-2jc9 Mastering JavaScript's this keyword using bind https://dev.to/this-is-learning/mastering-javascripts-this-keyword-using-bind-17m1 Learn serverless on AWS step-by-step - File storage https://dev.to/kumo/learn-serverless-on-aws-step-by-step-file-storage-10f7 Meet the React.js Core Team https://react.dev/community/team React Server Components with Dan Abramov, Joe Savona, and Kent C. Dodds https://www.youtube.com/watch?v=h7tur48JSaw How To Create Dynamic Donut Charts With TailwindCSS And React https://www.smashingmagazine.com/2023/03/dynamic-donut-charts-tailwind-css-react/ Beautiful and mind-bending effects with WebGL Render Targets https://blog.maximeheckel.com/posts/beautiful-and-mind-bending-effects-with-webgl-render-targets/ Unlock the Power of AI with Defer and NextJS 13 - UI Magic! https://www.youtube.com/watch?v=kHsTp2LENUI ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Shell-free scripts with Execa 7 https://itnext.io/shell-free-scripts-with-execa-7-885fb3b42f83 Turbowatch: File Change Detector and Task Orchestrator https://github.com/gajus/turbowatch Node v19.8.0 (Current) https://nodejs.org/en/blog/release/v19.8.0 How we built an open-source SEO tool using Workers, D1, and Queues https://blog.cloudflare.com/how-we-built-an-open-source-seo-tool-using-workers-d1-and-queues/ How to Debug Node.js Segmentation Faults https://httptoolkit.com/blog/how-to-debug-node-segfaults/ Unlock the Power of AI with Defer and NextJS 13 - UI Magic! https://www.youtube.com/watch?v=kHsTp2LENUI A Node.js library for pretty printing your data on the terminal🎨 https://lars-waechter.gitbook.io/voici.js/ Introducing Mongoose 7 https://thecodebarbarian.com/introducing-mongoose-7.html Drizzle - An ORM that lets you just write SQL https://www.propelauth.com/post/drizzle-an-orm-that-lets-you-just-write-sql MiniSearch: Small In-Memory Fulltext Search Engine for Browser and Node https://github.com/lucaong/minisearch Find My Way: Fast HTTP Router That Uses Radix Trees https://github.com/delvedor/find-my-way ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Ten tips for better CSS transitions and animations https://joshcollinsworth.com/blog/great-transitions 🔡 Modern, System-Based Font Stacks https://modernfontstacks.com/ SPA view transitions land in Chrome 111 https://developer.chrome.com/blog/spa-view-transitions-land/ “Design first, then build”: let’s bury this myth forevermore https://evilmartians.com/chronicles/design-first-then-build-lets-bury-this-myth-forevermore Creating a Clock with the New CSS sin() and cos() Trigonometry Functions https://css-tricks.com/creating-a-clock-with-the-new-css-sin-and-cos-trigonometry-functions/ Inspiring Web Design And UX Showcases https://www.smashingmagazine.com/2023/03/inspiring-web-design-ux-showcases/ Relative rounded corners https://set.studio/relative-rounded-corners/ Change favicon on switching browser tabs in JavaScript https://www.amitmerchant.com/change-favicon-on-switching-browser-tabs/ Rendering Patterns for Web Apps – Server-Side, Client-Side, and SSG Explained https://www.freecodecamp.org/news/rendering-patterns/ Beautiful and mind-bending effects with WebGL Render Targets https://blog.maximeheckel.com/posts/beautiful-and-mind-bending-effects-with-webgl-render-targets/ Coding Kenta Toshikura’s Glass Effect with Three.js https://tympanus.net/codrops/2023/03/06/coding-kenta-toshikuras-glass-effect-with-three-js/ Embetty displays remote content like tweets or videos without compromising your privacy. https://github.com/heiseonline/embetty MiniSearch: Small In-Memory Fulltext Search Engine for Browser and Node https://github.com/lucaong/minisearch CSS Variables for your CSS-in-JS solution https://css-variable.js.org/ The CSS Selector Generator https://github.com/antonmedv/finder ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Everything You Need to Know About the Gap After the List Marker https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/ Creating a Clock with the New CSS sin() and cos() Trigonometry Functions https://css-tricks.com/creating-a-clock-with-the-new-css-sin-and-cos-trigonometry-functions/ Release Notes for Safari Technology Preview 165 https://webkit.org/blog/13932/release-notes-for-safari-technology-preview-165/ SPA view transitions land in Chrome 111 https://developer.chrome.com/blog/spa-view-transitions-land/ I no longer understand prefers-contrast https://kilianvalkhof.com/2023/css-html/i-no-longer-understand-prefers-contrast/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly All JavaScript and TypeScript Features of the last 3 years https://betterprogramming.pub/all-javascript-and-typescript-features-of-the-last-3-years-629c57e73e42 2023 Web Framework Performance Report https://astro.build/blog/2023-web-framework-performance-report/ TypeScript’s Migration to Modules https://devblogs.microsoft.com/typescript/typescripts-migration-to-modules/ Common Beginner Mistakes with React https://www.joshwcomeau.com/react/common-beginner-mistakes/ Coding Kenta Toshikura’s Glass Effect with Three.js https://tympanus.net/codrops/2023/03/06/coding-kenta-toshikuras-glass-effect-with-three-js/ Change favicon on switching browser tabs in JavaScript https://www.amitmerchant.com/change-favicon-on-switching-browser-tabs/ Progressive Web Apps (PWA) for Beginners https://www.youtube.com/playlist?list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY#pwacourse How to make slow React Native apps faster https://retool.com/blog/retool-mobile-react-native-apps-faster/ Full-Stack TypeScript with tRPC and React https://www.robinwieruch.de/react-trpc/ Hugging Face JS libraries https://github.com/huggingface/huggingface.js A natural language date parser in Javascript. https://github.com/wanasit/chrono Embetty displays remote content like tweets or videos without compromising your privacy. https://github.com/heiseonline/embetty The CSS Selector Generator https://github.com/antonmedv/finder Introducing Feathers 5 — The API and real-time application framework https://blog.feathersjs.com/introducing-feathers-5-the-api-and-real-time-application-framework-101ae2deaaeb The open-source form framework for Vue https://formkit.com/ React for CLIs. Build and test your CLI output using components. https://github.com/vadimdemedes/ink How I improve my skills in Typescript #5 : Satisfies operator https://dev.to/codeoz/how-i-improve-my-skills-in-typescript-5-satisfies-operator-2312 Why You Should Use a React Framework https://leerob.io/blog/react-frameworks Were React Hooks a Mistake? https://jakelazaroff.com/words/were-react-hooks-a-mistake/ How To: Next.js Drag-and-Drop Image Uploads Directly to S3 and Displaying with CloudFront https://blog.danoph.com/how-to-nextjs-drag-and-drop-image-uploads-directly-to-s3-and-displaying-with-cloudfront ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Introducing Feathers 5 — The API and real-time application framework https://blog.feathersjs.com/introducing-feathers-5-the-api-and-real-time-application-framework-101ae2deaaeb The Most Popular Node.js Frameworks in 2023 https://stackdiary.com/node-js-frameworks/ You Don't Need a Build Step https://deno.com/blog/you-dont-need-a-build-step Crawl Weather Using Cypress https://glebbahmutov.com/blog/crawl-weather/ A Complete Guide to Pino Logging in Node.js https://betterstack.com/community/guides/logging/how-to-install-setup-and-use-pino-to-log-node-js-applications/ Deploying to ECS, Simplified! https://iasql.com/blog/ecs-simplified/ React for CLIs. Build and test your CLI output using components. https://github.com/vadimdemedes/ink Introducing nsuv- a C++ wrapper around libuv https://nodesource.com/blog/intro-nsuv Crawlee is a web scraping and browser automation library https://crawlee.dev/ The Modern Way to Write TypeScript https://civet.dev/ The UNIX command rm -rf for node. https://github.com/isaacs/rimraf ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus An end to typographic widows on the web https://clagnut.com/blog/2424/ 2023 Web Framework Performance Report https://astro.build/blog/2023-web-framework-performance-report/ The Web Needs a Native .visually-hidden https://benmyers.dev/blog/native-visually-hidden/ Tether elements to each other with CSS anchor positioning https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/ The complete guide to CSS media queries https://polypane.app/blog/the-complete-guide-to-css-media-queries/ Everything You Need to Know About the Gap After the List Marker https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/ How we built our multi-platform design system at Booking.com https://booking.design/how-we-built-our-multi-platform-design-system-at-booking-com-d7b895399d40 ARIA vs HTML https://adrianroselli.com/2023/02/aria-vs-html.html A beginner’s guide to manual accessibility testing https://blog.pope.tech/2023/03/01/a-beginners-guide-to-manual-accessibility-testing/ Palette Generator and API for Tailwind CSS https://www.tints.dev/purple/A855F7 Password protect a static HTML page https://robinmoisson.github.io/staticrypt/ Text Highlighter https://github.com/wstaeblein/texthighlighter New in Chrome 111: View transitions API, CSS color level 4 and more! https://www.youtube.com/watch?v=cscwgzz85Og ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Ten tips for better CSS transitions and animations https://joshcollinsworth.com/blog/great-transitions What is ref() in Vue? https://dmitripavlutin.com/ref-in-vue/ On Container Queries, Responsive Images, and JPEG-XL https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/ Tether elements to each other with CSS anchor positioning https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/ A Guide To Accessible Form Validation https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/ The Web Needs a Native .visually-hidden https://benmyers.dev/blog/native-visually-hidden/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Easy auditing & sandboxing for JS dependencies https://sandworm.dev/ Experiments with the JavaScript Garbage Collector https://dev.to/codux/experiments-with-the-javascript-garbage-collector-2ae3 You Don't Need a Build Step https://deno.com/blog/you-dont-need-a-build-step Announcing TypeScript 5.0 RC https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-rc/ The 2023 JavaScript Site Generator Review https://www.zachleat.com/web/site-generator-review/ Crawl Weather Using Cypress https://glebbahmutov.com/blog/crawl-weather/ Using Sourcegraph to discover non-NPM JS projects https://www.stackaid.us/blog/using-sourcegraph-to-discovery-non-npm-js-projects Building an animated SVG logo with animejs. https://www.pixelhop.io/writing/building-an-animated-svg-logo-with-animejs/ Bootstrap Your React Journey with Tic-Tac-Toe https://beta.reactjs.org/learn/tutorial-tic-tac-toe Text Highlighter: Highlight Search Results in Textareas https://github.com/wstaeblein/texthighlighter The Modern Way to Write TypeScript https://civet.dev/ Remult: A CRUD Framework for Full-Stack TypeScript https://remult.dev/ Wire Your Ideas With React Flow https://reactflow.dev/ ts-reset: A 'CSS Reset' for TypeScript https://github.com/total-typescript/ts-reset Lenis: A Smooth Scroll Library https://github.com/studio-freight/lenis A simple JavaScript framework for Drawing on the web https://idraw.js.org/ A JavaScript compiler and TypeScript checker written in Rust https://github.com/kaleidawave/ezno Dak is a Lisp like language that transpiles to JavaScript. https://www.daklang.com/ React vs Signals: 10 Years Later https://dev.to/this-is-learning/react-vs-signals-10-years-later-3k71 OpenAI announces ChatGPT and Whisper APIs https://dev.to/ben/openai-announces-chatgpt-and-whisper-apis-304i Migrating from Enzyme to React Testing Library https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/ Next.js 13.2 https://nextjs.org/blog/next-13-2 React Is Holding Me Hostage https://emnudge.dev/blog/react-hostage Modularizing React Applications with Established UI Patterns https://martinfowler.com/articles/modularizing-react-apps.html A Look at Gender Demographics in the Developer Community https://dev.to/sachagreif/a-look-at-gender-demographics-in-the-developer-community-part-1-4d76 React Server Components with Dan Abramov and Joe Savona Live Stream https://www.youtube.com/watch?v=h7tur48JSaw ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly zx 7.2: A Tool for Writing Better Shell Scripts https://github.com/google/zx Node.js Toolbox https://nodejstoolbox.com/ The security concerns of a JavaScript sandbox with the Node.js VM module https://snyk.io/blog/security-concerns-javascript-sandbox-node-js-vm-module/ Mitigating serverless cold start delays : My experiments & observations https://punits.dev/blog/mitigating-serverless-cold-start-delays/ Sandboxing JavaScript Code https://healeycodes.com/sandboxing-javascript-code A Deep Dive Into the Node js Event Loop - Tyler Hawkins https://www.youtube.com/watch?v=KKM_4-uQpow A CRUD framework for fullstack TypeScript https://remult.dev/ BullMQ 3.9: Reliable, Redis-Based Distributed Queue for Node https://github.com/taskforcesh/bullmq express-mongodb-rest-api-typescript-boilerplate https://github.com/watscho/express-mongodb-rest-api-boilerplate node-mongodb-native v5.1.0 https://github.com/mongodb/node-mongodb-native/releases/tag/v5.1.0 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Getting Started with Style Queries https://developer.chrome.com/en/blog/style-queries/ Let's build a Chrome extension that steals everything https://mattfrisbie.substack.com/p/spy-chrome-extension On Container Queries, Responsive Images, and JPEG-XL https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/ A Guide To Accessible Form Validation https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/ In-Depth Guide to CSS Logical Properties https://www.youtube.com/watch?v=cV9JhEV4Ll0 Intro to HTML-first Frontend Frameworks https://www.sitepen.com/blog/intro-to-html-first-frontend-frameworks Improved font fallbacks https://developer.chrome.com/blog/font-fallbacks/ You Don't Need Rails to Start Using Hotwire https://www.akshaykhot.com/using-hotwire-without-rails/ The Carbon Impact of Web Standards https://websitesustainability.com/cache/files/research23.pdf Avoid Spanning Table Headers https://adrianroselli.com/2023/02/avoid-spanning-table-headers.html design systems in the time of ai https://bradfrost.com/blog/post/design-systems-in-the-time-of-ai/ CSS Scrollbar Selectors https://scrollbar.app/ Welcome to TypeTrials https://typetrials.com/ Lenis: A Smooth Scroll Library https://github.com/studio-freight/lenis Tachyon: A Small Script to Make Page Navigation Faster https://github.com/weebney/tachyon ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Resizing with CSS https://css-irl.info/resizing-with-css/ Improved font fallbacks https://developer.chrome.com/blog/font-fallbacks/ Do we need CSS flex-wrap detection? https://ishadeed.com/article/flex-wrap-detect/ Writing Javascript without a build system https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/ Web Push on iOS requires installing the web app https://webventures.rejh.nl/blog/2023/ios-web-push-requires-install/ Last baseline alignment https://web.dev/last-baseline/ VIVID Web Components https://vivid.deno.dev/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Strudel REPL: Live JavaScript Music in the Browser https://strudel.tidalcycles.org/ ECMAScript® 2023 Language Specification https://tc39.es/ecma262/ Let's build a Chrome extension that steals everything https://mattfrisbie.substack.com/p/spy-chrome-extension What to Expect from Vue in 2023 and How it Differs from React https://thenewstack.io/vue-2023/ Sandboxing JavaScript Code https://healeycodes.com/sandboxing-javascript-code Intro to HTML-first Frontend Frameworks https://www.sitepen.com/blog/intro-to-html-first-frontend-frameworks The NPM Library Speedrun - 90 minutes to build, CI, and publish https://www.youtube.com/watch?v=aKTSC4D1GL8 You Don't Need Rails to Start Using Hotwire https://www.akshaykhot.com/using-hotwire-without-rails/ Typescript Runtime Validators and DX, a type-checking performance analysis of zod/superstruct/yup/typebox https://dev.to/nicklucas/typescript-runtime-validators-and-dx-a-type-checking-performance-analysis-of-zodsuperstructyuptypebox-5416 AngularJS upgrade: Why 2023 is the time for migrating and how to do it https://pretius.com/blog/angularjs-upgrade/ Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui React Libraries for 2023 https://www.robinwieruch.de/react-libraries/ Kobalte: A UI Toolkit for SolidJS https://kobalte.dev/docs/core/overview/introduction Determining the RGB "Distance" Between Two Colors https://dev.to/bytebodger/determining-the-rgb-distance-between-two-colors-4n91 The universal chatbot library based on React. https://urban-bot.vercel.app/ How to avoid tricky async state manager pitfalls in React https://evilmartians.com/chronicles/how-to-avoid-tricky-async-state-manager-pitfalls-react How to Build a Word Scramble Game with React https://www.youtube.com/watch?v=hJYG_jBURYE How I've Abused an Internal API and How It Should Be Prevented https://talmosko.hashnode.dev/how-ive-abused-an-internal-api-and-how-it-should-be-prevented ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly The State of Node.js https://www.youtube.com/watch?v=OIrGEgMwPvc Node v19.7.0 (Current) https://nodejs.org/en/blog/release/v19.7.0/ Single executable applications https://nodejs.org/api/single-executable-applications.html The NPM Library Speedrun - 90 minutes to build, CI, and publish https://www.youtube.com/watch?v=aKTSC4D1GL8 Building a simple CLI tool with modern Node.js https://evertpot.com/node-changelog-cli-tool/ Task Queuing the Easy Way With Node.js and BullMQ https://www.makeuseof.com/task-queuing-nodejs-bullmq/ Build performant, native and cross-platform desktop applications with Node.js and CSS like styling https://github.com/nodegui/nodegui DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. https://github.com/cure53/DOMPurify The fully typed Typescript mongoDB ODM https://mongo.bridge.codes/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Web Push for Web Apps on iOS and iPadOS https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/ Do we need CSS flex-wrap detection? https://ishadeed.com/article/flex-wrap-detect/ Last baseline alignment https://web.dev/last-baseline/ A Step-By-Step Guide To Building Accessible Carousels https://www.smashingmagazine.com/2023/02/guide-building-accessible-carousels/ The User Activation API https://webkit.org/blog/13862/the-user-activation-api/ Using Focal Points, Aspect Ratio & Object-Fit to Crop Images Correctly https://henry.codes/writing/pure-css-focal-points/ (255,255,255) is the Highest Specificity https://www.bram.us/2023/02/21/255255255-is-the-highest-specificity/ Use a MutationObserver to Handle DOM Nodes that Don’t Exist Yet https://www.macarthur.me/posts/use-mutation-observer-to-handle-nodes-that-dont-exist-yet A web component for drawing patterns with CSS https://css-doodle.com/ Let your page react to scroll changes. https://github.com/terwanerik/ScrollTrigger no SVG, no image, CSS-only fluid slider with input[type=range] https://codepen.io/thebabydino/pen/qByGqOm A UI toolkit for building accessible web apps and design systems with SolidJS. https://github.com/kobaltedev/kobalte Unicopy: Copy Unicode Characters and Symbols https://unicopy.cc/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Release Notes for Safari Technology Preview 163 https://webkit.org/blog/13839/release-notes-for-safari-technology-preview-163/ Try out CSS Nesting today https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/ More control over :nth-child() selections with the of S syntax https://developer.chrome.com/articles/css-nth-child-of-s Healthcare, Selling Lemons, and the Price of Developer Experience https://css-tricks.com/healthcare-selling-lemons-and-the-price-of-developer-experience/ The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/ Container queries land in stable browsers https://web.dev/cq-stable/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly