The weekly

javascript weekly Writing Javascript without a build system https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/ Ryan Dahl, Node.js Creator, Wants to Rebuild the Runtime of the Web https://www.sequoiacap.com/article/deno-spotlight/ Core-JS chief complains open source is broken, no one will pay for it https://www.theregister.com/2023/02/15/corejs_russia_open_source 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 Well-Known Symbols in JavaScript https://h3manth.com/posts/Well-known-symbols/ Use Maps More and Objects Less https://www.builder.io/blog/maps Adopting React in the Early Days https://cult.honeypot.io/reads/adopting-react-in-the-early-days/ Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber https://tympanus.net/codrops/2023/02/14/animate-a-camera-fly-through-on-scroll-using-theatre-js-and-react-three-fiber/ Dependency Cruiser: Validate and Visualize JavaScript Dependencies https://github.com/sverweij/dependency-cruiser Like JSON.stringify, but handles https://github.com/Rich-Harris/devalue Build performant, native and cross-platform desktop applications with Node.js and CSS like styling.🚀 https://github.com/nodegui/nodegui DOMPurify 3.0: Fast, Tolerant XSS Sanitizer for HTML and SVG https://github.com/cure53/DOMPurify Generate 90% code coverage with integration tests in 1 hour https://github.com/Pythagora-io/pythagora Search across a half million git repos https://grep.app/ tsParticles https://particles.js.org/ Enable passing Server References from Server to Client https://github.com/facebook/react/pull/26124 A summary of libraries that are commonly used with React https://www.frontendundefined.com/posts/summaries/common-react-libraries/ React.js: The Documentary https://www.youtube.com/watch?v=8pDqJVdNa44 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly How To Scale Node.js Applications with Clustering https://www.digitalocean.com/community/tutorials/how-to-scale-node-js-applications-with-clustering Generate 90% code coverage with integration tests in 1 hour https://github.com/Pythagora-io/pythagora Those Node.js Security Releases are.. Today https://nodejs.org/en/blog/vulnerability/february-2023-security-releases/ Node.js Database https://rxdb.info/nodejs-database.html Git Notes: Git's Coolest, Most Unloved­ Feature https://ikiwiki.tylercipriani.com/blog/2022/11/19/git-notes-gits-coolest-most-unloved-feature/ binary-parser: Declarative Parser Builder for Binary Data https://github.com/keichi/binary-parser Process execution for humans https://github.com/sindresorhus/execa Like JSON.stringify, but handles https://github.com/Rich-Harris/devalue run Python scripts from Node.js https://www.npmjs.com/package/python-shell A node module to rotate JPEG images based on EXIF orientation. https://github.com/johansatge/jpeg-autorotate ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Try out CSS Nesting today https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/ The modern web’s underrated powerhouse https://github.com/readme/featured/css-future What's new in Lighthouse 10 https://developer.chrome.com/blog/lighthouse-10-0/ Container queries land in stable browsers https://web.dev/cq-stable/ How To Inspect Interactions In The Browser https://www.builder.io/blog/inspect-interactions-in-the-browser Introducing historical web performance data via the CrUX History API https://developer.chrome.com/blog/chrome-ux-report-history-api/ CSS runtime performance https://nolanlawson.com/2023/01/17/my-talk-on-css-runtime-performance/ Using Playwright to Monitor Third-Party Resources That Could Impact User Experience https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/ You kinda want an orange favicon. https://chriscoyier.net/2023/02/10/you-kinda-want-an-orange-favicon/ 5 Beginner Website Speed Optimisations and How to Do Them Right https://calibreapp.com/blog/beginner-speed-optimisations Tailwind Elements: 500+ Bootstrap Components Recreated with Tailwind CSS https://tailwind-elements.com/ Bookmarklet Editor: Easily Work on JavaScript Bookmarklets https://www.gibney.org/bookmarklet_editor Unicorn Icons: 100+ Animated Icons in SVG and JSON Formats https://unicornicons.com/ Font Library: An Open Source Project to Tag and Organize Google Fonts https://katydecorah.com/font-library/#!/ pointer pointer https://pointerpointer.com/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Quick and Small Accessibility – Bite-Sized Accessibility https://bite-sized-a11y.com/ My favourite 3 lines of CSS https://andy-bell.co.uk/my-favourite-3-lines-of-css/ Learn Images https://web.dev/learn/images/ CSS Wish List 2023 https://meyerweb.com/eric/thoughts/2023/02/08/css-wish-list-2023/ How To Build A Magazine Layout With CSS Grid Areas https://www.smashingmagazine.com/2023/02/build-magazine-layout-css-grid-areas/ -------------------------f or more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Speeding up the JavaScript ecosystem - eslint https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-3/ The Future (and the Past) of the Web is Server Side Rendering https://deno.com/blog/the-future-and-past-is-server-side-rendering 10 Web Development Trends in 2023 https://www.robinwieruch.de/web-development-trends/ Bringing Javascript to WebAssembly for Shopify Functions https://shopify.engineering/javascript-in-webassembly-for-shopify-functions The Catalog of TypeScript Examples https://refactoring.guru/design-patterns/typescript Resumable React: How To Use React Inside Qwik https://www.builder.io/blog/resumable-react-how-to-use-react-inside-qwik Build a Hacker News client using Alpine.js https://salaivv.com/2023/02/07/hacker-news-alpine TypeScript Speedrun: Crash Course for Beginners https://www.youtube.com/watch?v=YmxwicpROps Bookmarklet Editor: Easily Work on JavaScript Bookmarklets https://www.gibney.org/bookmarklet_editor Yup 1.0: Super Simple Object Schema Validation https://github.com/jquense/yup Welcome To Material React TableV1 https://www.material-react-table.com/ BlockNote: Notion-Style Block-Based Text Editor https://github.com/YousefED/BlockNote TresJS Bring Three to the Vue ecosystem https://tresjs.org/ depngn (short for dependency engine) https://github.com/upgradejs/depngn lawnmower is s web component library that allows VR layouts to be built using HTML tags. https://github.com/gmarland/lawnmower Electron 23.0.0 https://www.electronjs.org/blog/electron-23-0 Run: Run User-Provided Code in a Web Worker https://github.com/slashd-analytics/run A Historical Reference of React Criticism https://www.zachleat.com/web/react-criticism/ Modularizing React Applications with Established UI Patterns https://martinfowler.com/articles/modularizing-react-apps.html Effective Higher-Order Components https://www.bbss.dev/posts/effective-hocs/ Understanding App Directory Architecture In Next.js https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v19.6.0 (Current) https://nodejs.org/en/blog/release/v19.6.0/ Ada 1.0: Node's Forthcoming New URL Parser https://github.com/ada-url/ada/releases/tag/v1.0.0 Puppeteer in Node.js: Common Mistakes to Avoid https://blog.appsignal.com/2023/02/08/puppeteer-in-nodejs-common-mistakes-to-avoid.html Playwright in GitHub Actions https://radekmie.dev/blog/on-playwright-in-github-actions/ depngn (short for dependency engine) https://github.com/upgradejs/depngn Electron 23.0.0 https://www.electronjs.org/blog/electron-23-0 resvg-js 2.4: A High-Performance SVG Renderer and Toolkit https://github.com/yisibl/resvg-js ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The Guide To Responsive Design In 2023 and Beyond https://ishadeed.com/article/responsive-design/ Mozilla, like Google, is looking ahead to the end of Apple's WebKit rule https://www.theregister.com/2023/02/07/mozilla_google_apple_webkit/ 10 Web Development Trends in 2023 https://www.robinwieruch.de/web-development-trends/ Announcing Interop 2023 https://hacks.mozilla.org/2023/02/announcing-interop-2023/ How To Build A Magazine Layout With CSS Grid Areas https://www.smashingmagazine.com/2023/02/build-magazine-layout-css-grid-areas/ ElementInternals and Form-Associated Custom Elements https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/ Self-hosting fonts explained (including Google fonts) https://www.youtube.com/watch?v=zK-yy6C2Nck A color-contrast() strategy for complimentary translucent backgrounds https://nerdy.dev/color-from-color-contrast-result Bringing Letters to Life: Coding a Kinetic SVG Typography Animation https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/ My favourite 3 lines of CSS https://andy-bell.co.uk/my-favourite-3-lines-of-css/ The Vanilla JavaScript Repository https://vanillalist.top/ ScrollyVideo.js https://scrollyvideo.js.org/ lawnmower: A Library to Build VR Layouts Using HTML Tags https://github.com/gmarland/lawnmower The Most Modern Mobile Touch Slider https://swiperjs.com/ Add loading animations to your website in your browser URL field. https://github.com/LunarFang416/url-animations ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Guide To Responsive Design In 2023 and Beyond https://ishadeed.com/article/responsive-design/ Level Up Your CSS Skills With The :has() Selector https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector/ Interop 2023: continuing to improve the web for developers https://web.dev/interop-2023/ Scalable CSS https://chriscoyier.net/2023/01/17/scalable-css/ CSS color-mix() https://developer.chrome.com/blog/css-color-mix/ Container Queries and Typography https://www.robinrendle.com/notes/container-queries-and-typography/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly You’ve Got Options for Removing Event Listeners https://www.macarthur.me/posts/options-for-removing-event-listeners Updates from the 94th TC39 meeting https://dev.to/hemanth/updates-from-the-94th-tc39-meeting-48mb Gatsby is joining Netlify https://www.gatsbyjs.com/blog/gatsby-is-joining-netlify/ You don't (may not) need Lodash/Underscore https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#readme Why Create React App exists https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741 How To Lose Functional Programming At Work https://robertwpearce.com/how-to-lose-functional-programming-at-work.html Node + SWC make a lightning fast typescript runtime https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/ The road from Ember classic to Glimmer components https://dev.to/otainsight/the-road-from-ember-classic-to-glimmer-components-4hlc Using JavaScript in a Swift app https://douglashill.co/javascript-in-swift/ Cleaner Unit Tests with Custom Matchers https://americanexpress.io/cleaner-unit-tests-with-custom-matchers/ The Yaml Document from Hell: JS Edition https://philna.sh/blog/2023/02/02/yaml-document-from-hell-javascript-edition/ FeedbackPlus: Add Screenshot Tools to Your Feedback Forms https://github.com/ColonelParrot/feedbackplus ScrollyVideo.js https://scrollyvideo.js.org/ depngn (short for dependency engine) https://github.com/upgradejs/depngn Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ Swiper The Most Modern Mobile Touch Slider https://swiperjs.com/ UUID.js - RFC-compliant UUID Generator for JavaScript https://github.com/LiosK/UUID.js developer tool for generating a visual graph of your module dependencies https://github.com/pahen/madge Twitter charging for API usage starting Feb. 9th https://dev.to/nickytonline/twitter-charging-for-api-usage-starting-feb-9th-713 How to build a better React map with Pigeon Maps and Mapbox https://evilmartians.com/chronicles/how-to-build-a-better-react-map-with-pigeon-maps-and-mapbox I Was Wrong About Nested React Components https://www.youtube.com/watch?v=2sAdzy90GtE Refraction, dispersion, and other shader light effects https://blog.maximeheckel.com/posts/refraction-dispersion-and-other-shader-light-effects ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly AlaSQL.js 3.0: Isomorphic JavaScript SQL Database https://github.com/alasql/alasql On building the enterprise-grade Node.js applications https://www.codeflashbacks.com/announcing-the-enterprise-node-js-service-template/ Node + SWC make a lightning fast typescript runtime https://featurist.co.uk/blog/running-typescript-in-node-with-near-zero-compilation-cost/ Understanding the GraphQL Type System https://www.taniarascia.com/graphql-type-system/ Building a blog with Next.js, AdminJS, and React: a simple step-by-step guide https://medium.com/adminjs/building-a-blog-with-next-js-adminjs-and-react-a-simple-step-by-step-guide-8838f4e594a6 NPM Audit: 5 Ways to Use it to Protect Your Code https://www.jit.io/blog/npm-audit-to-protect-your-code TestCafe 2.3: Node-Based End-to-End Web Testing https://github.com/DevExpress/testcafe/releases/tag/v2.3.0 PostgreSQL interface for Node.js https://github.com/vitaly-t/pg-promise Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ MongoDB Node.js Driver 5.0 https://github.com/mongodb/node-mongodb-native/releases/tag/v5.0.0 Newswall: Rotate and Display Newspapers on an E-Ink Display https://github.com/pathikrit/newswall ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus CSS color-mix() https://developer.chrome.com/blog/css-color-mix/ Easy SVG Customization And Animation: A Practical Guide https://www.smashingmagazine.com/2023/01/svg-customization-animation-practical-guide/ Building an accessible theme picker with HTML, CSS and JavaScript. https://fossheim.io/writing/posts/accessible-theme-picker-html-css-js/ Three attributes for better web forms https://adactio.com/journal/19842 Scrollend, a new JavaScript event https://developer.chrome.com/blog/scrollend-a-new-javascript-event/ Accessible Hamburger Buttons Without JavaScript — https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript Creating A High-Contrast Design System With CSS Custom Properties https://www.smashingmagazine.com/2023/01/creating-high-contrast-design-system-css-custom-properties/ Greater styling control over type with initial-letter https://blog.stephaniestimac.com/posts/2023/1/css-initial-letter/ Your Web Performance is Too Reactive; It’s Time to Do More Than Put Out Fires https://calibreapp.com/blog/proactive-performance Why We Switched CDNs: How Google's Core Web Vitals Led Us to Cloudflare Pages https://electricui.com/blog/switching-to-cloudflare-pages Build your website quickly with Sailboat UI https://sailboatui.com/ Shoelace:A forward-thinking library of web components. https://shoelace.style/ GradienMood: Generate a Gradient from a Mood https://gradienmood.posandu.me/ Implementing theme toggleswas never easier https://toggles.dev/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories clamp() Calculator https://chrisburnell.com/clamp-calculator/ CSS color functions and custom properties https://www.matuzo.at/blog/2023/hsl-custom-properties/ CSS Wishlist 2023 https://daverupert.com/2023/01/css-wishlist-2023/ Animating CSS Grid (How To + Examples) https://css-tricks.com/animating-css-grid-how-to-examples/ Sibling Scopes in CSS, thanks to :has() https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has/ Greater styling control over type with initial-letter https://blog.stephaniestimac.com/posts/2023/1/css-initial-letter/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Astro 2.0: The Next-Gen 'Islands'-Oriented Web Framework https://astro.build/blog/astro-2/ Deep Cloning Objects in JavaScript, the Modern Way https://www.builder.io/blog/structured-clone Announcing TypeScript 5.0 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/ AlaSQL.js 3.0: Isomorphic JavaScript SQL Database https://github.com/alasql/alasql Getting Started With SvelteKit https://css-tricks.com/getting-started-with-sveltekit/ Using .NET code from JavaScript using WebAssembly https://www.meziantou.net/using-dotnet-code-from-javascript-using-webassembly.htm Scrollend, a new JavaScript event 🤯 https://developer.chrome.com/blog/scrollend-a-new-javascript-event/ Packaging Rust Applications for the NPM Registry https://blog.orhun.dev/packaging-rust-for-npm/ Making sense of TypeScript using set theory https://blog.thoughtspile.tech/2023/01/23/typescript-sets/ Accessible hamburger buttons without JavaScript https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript Sleek, modular open source JavaScript file uploader https://uppy.io/ nut.js v3.0.0 is here! 🎉 https://nutjs.dev/ Eleventy v2.0: First Beta of the Popular Site Generator https://www.11ty.dev/blog/eleventy-v2-beta/ Mock Service Worker 1.0: API Mocking Library for Browser and Node https://mswjs.io/ Drift: A Self-Hostable Gist-Like / Pastebin Service https://github.com/MaxLeiter/Drift Web Scraping - A Complete Guide https://dev.to/serpdogapi/web-scraping-a-complete-guide-1lk2 Building a website gallery with ChatGPT, Stable Diffusion, React and NodeJS https://dev.to/novu/creating-a-website-brand-with-chatgpt-stable-diffusion-react-and-nodejs-e79 Replace Create React App recommendation with Vite https://github.com/reactjs/reactjs.org/pull/5487 A Cure for React useState Hell? https://www.builder.io/blog/use-reducer Did NextJS 13 Break State Management? https://www.youtube.com/watch?v=OpMAH2hzKi8 Making Your React Native Gestures Feel Natural https://shopify.engineering/making-react-native-gestures-feel-natural ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Nut.js 3.0: Use Node for Desktop Automation https://nutjs.dev/ Building Reliable Distributed Systems in Node.js https://temporal.io/blog/building-reliable-distributed-systems-in-node Unlocking security updates for transitive dependencies with npm https://github.blog/2023-01-19-unlocking-security-updates-for-transitive-dependencies-with-npm/ First Beta of Eleventy v2.0 Released https://www.11ty.dev/blog/eleventy-v2-beta/ Packaging Rust Applications for the NPM Registry https://blog.orhun.dev/packaging-rust-for-npm/ Opossum 7.1: A Circuit Breaker for Async Functions https://nodeshift.dev/opossum/ Drop in replacement for the Node.js fs library backed by AWS S3. https://github.com/cyclic-software/s3fs Jazzer.js: Coverage-Guided, In-Process Fuzzing for Node https://github.com/CodeIntelligenceTesting/jazzer.js Handle errors in a simple, stable, consistent way. https://github.com/ehmicky/modern-errors API mocking of the next generation https://mswjs.io/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Level Up Your CSS Skills With The :has() Selector https://www.smashingmagazine.com/2023/01/level-up-css-skills-has-selector/ Astro 2.0 https://astro.build/blog/astro-2/ Optimize Time to First Byte https://web.dev/optimize-ttfb/ OK, OKLCH https://chriscoyier.net/2023/01/22/ok-oklch-%F0%9F%91%91/ WebKit Features in Safari 16.3 https://webkit.org/blog/13691/webkit-features-in-safari-16-3/ Getting Started With SvelteKit https://css-tricks.com/getting-started-with-sveltekit/ Two ways to safely break a long word in HTML https://www.amitmerchant.com/two-ways-to-safely-break-a-long-word-in-html/ International domain names: where does https://meßagefactory.ca lead you? https://lemire.me/blog/2023/01/23/international-domain-names-where-does-https-mesagefactory-ca-lead-you/ Deploying CSS Logical Properties On Web Apps https://www.smashingmagazine.com/2022/12/deploying-css-logical-properties-on-web-apps/ PSone.css https://micah5.github.io/PSone.css/ CSS Generators https://cssbud.com/css-generator/ The fastest JavaScript animation engine on the web https://jeremyckahn.github.io/shifty/doc/ Create badass, fluid and smooth transitions between your website’s pages. https://barba.js.org/ tailwindcss-fluid-type https://github.com/davidhellmann/tailwindcss-fluid-type Get dummy/fake JSON data to use as placeholder in development or in prototype testing. https://dummyjson.com/ Improved Web Component for Pixel-Accurate Atkinson Dithered Images https://sheep.horse/2023/1/improved_web_component_for_pixel-accurate_atkinson.html Pink Design is Appwrite's open-source design system https://pink.appwrite.io ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Why Not document.write()? https://csswizardry.com/2023/01/why-not-document-write/ Introducing the WebAssembly JavaScript Promise Integration API https://v8.dev/blog/jspi Dependency injection in JavaScript https://snyk.io/blog/dependency-injection-in-javascript/ Why Is My Jest Test Suite So Slow? https://blog.bitsrc.io/why-is-my-jest-suite-so-slow-2a4859bb9ac0 Bun v0.5 https://bun.sh/blog/bun-v0.5.0 Building an accessible theme picker with HTML, CSS and JavaScript. https://fossheim.io/writing/posts/accessible-theme-picker-html-css-js/ Fixing a Memory Leak in a Production Node.js App https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app A beginner’s guide to Chrome tracing https://nolanlawson.com/2022/10/26/a-beginners-guide-to-chrome-tracing/ Handling errors like a pro in TypeScript https://engineering.udacity.com/handling-errors-like-a-pro-in-typescript-d7a314ad4991 RoughNotation: Cute Animated 'Rough' Text Annotations https://roughnotation.com/ Handle errors in a simple, stable, consistent way. https://github.com/ehmicky/modern-errors The fastest JavaScript animation engine on the web https://jeremyckahn.github.io/shifty/doc/ fluid and smooth transitions between your website’s pages https://barba.js.org/ Rete.js 1.5: A Framework for Visual Programming https://rete.js.org/ gpu-io: GPU-Accelerated Computing Library https://github.com/amandaghassaei/gpu-io Deep Cloning Objects in JavaScript, the Modern Way https://dev.to/builderio/deep-cloning-objects-in-javascript-the-modern-way-17kf 15 Must-Have Cheatsheets for Developers🚀 https://dev.to/ishratumar/15-must-have-cheatsheets-for-developers-1n92 Embedding Our New React UI in Go https://www.flipt.io/blog/embedding-react-in-go Async React with NextJS 13 https://swizec.com/blog/async-react-with-nextjs-13/ React Native 0.71: TypeScript by Default, Flexbox Gap, and more... https://reactnative.dev/blog/2023/01/12/version-071 Building Great Forms with React Hook Form & Zod https://www.youtube.com/watch?v=FXWD_etMJWA&ab_channel=VladNicula I Migrated from a Postgres Cluster to Distributed SQLite with LiteFS https://kentcdodds.com/blog/i-migrated-from-a-postgres-cluster-to-distributed-sqlite-with-litefs ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Fixing a Memory Leak in a Production Node.js App https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app How To Handle Asynchronous Tasks with Node.js and BullMQ https://www.digitalocean.com/community/tutorials/how-to-handle-asynchronous-tasks-with-node-js-and-bullmq Bun v0.5 https://bun.sh/blog/bun-v0.5.0 From Ruby to Node: Overhauling Shopify’s CLI for a Better Developer Experience https://shopify.engineering/overhauling-shopify-cli-for-a-better-developer-experience Blue Green Deployment for Node.js Without Kubernetes https://semaphoreci.com/blog/blue-green-deployment-nodejs The gotcha of unhandled promise rejections https://jakearchibald.com/2023/unhandled-rejections/ Match files using the patterns the shell uses, like stars and stuff. https://github.com/isaacs/node-glob Prisma 4.9: Node + TypeScript Database Toolkit — https://github.com/prisma/prisma/releases/tag/4.9.0 node-html-to-image https://github.com/frinyvonnick/node-html-to-image Blockman - Highlight Nested Code Blocks https://marketplace.visualstudio.com/items?itemName=leodevbro.blockman#blockman ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/ Top Front-End Tools Of 2022 https://www.smashingmagazine.com/2023/01/top-frontend-tools-2022/ Optimizing The Image Element LCP https://www.smashingmagazine.com/2023/01/optimizing-image-element-lcp/ Why Not document.write()? https://csswizardry.com/2023/01/why-not-document-write/ Discovering the capable web https://developer.chrome.com/blog/how-fugu-is-my-browser-and-how-fugu-is-the-web/ Priority Hints and optimizing LCP https://imkev.dev/fetchpriority-opportunity Using :is() in complex selectors selects more than you might initially think https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/ History of Web Browser Engines from 1990 until today https://eylenburg.github.io/browser_engines.htm WEBXR API with Three.js https://www.youtube.com/playlist?list=PLpM_sf_d5YTPL1iDMJNDHuEMkT0eTYkyL#webxr Interactive SVG Reference https://fffuel.co/sssvg/ Lazy Brush 2.0: A Library for Smooth Pointer Drawing https://lazybrush.dulnan.net/ contrast-ratio: A Tool to Calculate the Contrast Ratio Between any Two Valid CSS Colors https://github.com/LeaVerou/ Ripple UI Ultimate toolkit for modern interface design. https://www.ripple-ui.com/ Accessible color palette generator https://venngage.com/tools/accessible-color-palette-generator ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Most Hearted Pens of 2022 https://codepen.io/2022/popular/pens Conditional CSS https://ishadeed.com/article/conditional-css/ Why Not document.write()? https://csswizardry.com/2023/01/why-not-document-write/ 2022 JavaScript Rising Stars https://risingstars.js.org/2022/en Top Front-End Tools Of 2022 https://www.smashingmagazine.com/2023/01/top-frontend-tools-2022/ :has is an unforgiving selector https://css-tricks.com/has-is-an-unforgiving-selector/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The State of JS 2022 https://2022.stateofjs.com/en-US/ Is TypeScript worth it? https://news.ycombinator.com/item?id=34359504 The gotcha of unhandled promise rejections https://jakearchibald.com/2023/unhandled-rejections/ HTML with Superpowers: The Guidebook https://daverupert.com/2023/01/html-with-superpowers-the-guidebook/ Everything you need to know about Concurrent React (with a little bit of Suspense) https://blog.codeminer42.com/everything-you-need-to-know-about-concurrent-react-with-a-little-bit-of-suspense/ Using Github Copilot for unit testing https://www.strictmode.io/articles/using-github-copilot-for-testing How to Destructure Props in Vue (Composition API) https://dmitripavlutin.com/props-destructure-vue-composition/ Gluon: Framework for Creating Desktop Apps from Sites https://gluonjs.org/ Structura.js: Lightweight Library for Immutable State Management https://giusepperaso.github.io/structura.js/ Bay.js: A Lightweight Library for Web Components https://bayjs.org/ A simple tool to setup Tailwind CSS in your fresh project with a Single Command. https://github.com/tzsk/twify Lazy Brush 2.0: A Library for Smooth Pointer Drawing https://lazybrush.dulnan.net/ ➗ Mafs: React Components for Interactive Math https://mafs.dev/ Hyphenopoly 5.0: A Polyfill for Client-Side Hyphenation https://github.com/mnater/Hyphenopoly Oxygene Pt 4, as Performed by JavaScript https://dittytoy.net/ditty/24373308b4 A cure for React useState hell? https://dev.to/builderio/a-cure-for-react-usestate-hell-1ldi 4 Ways to Undo a Git Commit - Amend vs Reset https://dev.to/this-is-learning/4-ways-to-undo-a-git-commit-amend-vs-reset-5dem Type-safe React Query https://tkdodo.eu/blog/type-safe-react-query Implementing CSS Style Inheritance in React Native https://www.builder.io/blog/implementing-css-style-inheritance-in-react-native Fixing a Memory Leak in a Production Node.js App https://kentcdodds.com/blog/fixing-a-memory-leak-in-a-production-node-js-app ------------------------- for more -subscribe to the channel https://t.me/webWekkly