TypeScript 4.8 Released

The typed superset of JavaScript continues to remain popular. 4.8 is more a minor evolution than a revolution, but makes improvements to inference, correctness and consistency, file watching, and serious speedups on rebuilds. - https://devblogs.microsoft.com/typescript/announcing-typescript-4-8/

#typescript

Popular Nodejs Patterns and Tools to Reconsider?

Yoni is well known for his work in cataloging Node best practices (certainly worth looking at!) but he thinks we should reflect upon entrenched approaches over time. Here he presents 9 common approaches to reconsider. - https://practica.dev/blog/popular-nodejs-pattern-and-tools-to-reconsider/

#nodejs

Maintenance Matters

Annie Kiley shares a list of ten simple things you can do to make your projects as maintainable as possible, regardless of the stack. - https://www.viget.com/articles/maintenance-matters

#css

Tabs with scroll restoration in Angular applications

In this blog post, I will show you how to implement scroll restoration for tabs component. The logic will be… - https://medium.com/javascript-everyday/tabs-with-scroll-restoration-in-angular-applications-2b6b3f8883d4

#angular

When to Use useLayoutEffect Instead of useEffect

Do you have an annoying flicker in your UI? It may be you’re using the wrong one of these two hooks: it’s all about whether the hook fires before or after the browser paints. - https://javascript.plainenglish.io/react-hooks-when-to-use-uselayouteffect-instead-of-useeffect-3271a96d881a

#react

Custom Vue 3 Boilerplate — Vite, Pinia, Vue Router & Tailwind CSS

Learn how to set up this useful Vue 3 boilerplate stack. - https://medium.com/js-dojo/custom-vue3-boilerplate-9635806acde3

#vue

The ultimate guide to Observables and/vs Promises

During this article, you’ll get a full insight into how promises differ with regard to observables. We’ll try… - https://obaranovskyi.medium.com/the-ultimate-guide-to-observables-and-vs-promises-rxjs7-296877376668

#rxjs

container and :has(): two powerful new responsive APIs landing in Chromium 105

container and :has(): two powerful new responsive APIs landing in Chromium 105
Una Kravets explains how container queries and :has() selector can help you create responsive interfaces. - https://developer.chrome.com/blog/has-with-cq-m105

#css

An Overview of Node's Architecture, Event Loop, and More

We’re were starting to suspect that the good doctor (also the author of books like Deep JavaScript) was working on a Node book and.. he is: “Writing cross-platform shell scripts with Node.js.” Happily, we get to enjoy the byproducts of his work like this succinct, yet technical, overview of Node’s key elements. - https://2ality.com/2022/09/nodejs-overview.html

#nodejs

Use Angular directives to extend components that you don't own - https://timdeschryver.dev/blog/use-angular-directives-to-extend-components-that-you-dont-own

#angular

Error Handling in Vue3

This article will briefly implement an error handling method and then introduce the implementation process of the Vue 3 source code. - https://dev.to/chris1993/error-handling-in-vue3-1g89

#vue

Ten React Traps To Avoid - https://medium.com/@imranfarooq0306/10-react-traps-to-avoid-as-react-developer-5570808e346b

#react

Light/Dark Mode

Sara Wallén explains how to create a light/dark mode switcher. - https://color-scheme-light-dark.netlify.app/

#css

NestJS: Microservices with gRPC, API Gateway, and Authentication

Step-by-Step Guide: NestJS Application with gRPC, API Gateway, Authentication, and Validation - https://levelup.gitconnected.com/nestjs-microservices-with-grpc-api-gateway-and-authentication-part-1-2-650009c03686

#nodejs

Validating Your Vue Props Like a Pro

Vue requires users to declare any data passed to a component as props explicitly. Let's explore this powerful tool that can help us reduce bugs and increase our confidence during development and debugging. - https://fadamakis.medium.com/validating-your-vue-props-like-a-pro-5a2d0ed2b2d6

#vue

How BenchSci Moved Its Science Webapp to Next.js

BenchSci’s AI-Assisted Reagent Selection app is at the core of the company’s business. Here’s the story of how they moved it from a collection of legacy technologies to Next.js without sacrificing the user experience. - https://blog.benchsci.com/moving-house-to-next.js

#react

Custom Angular Form Password Component

In this post we are going to create a custom component which is designed for Reactive Forms and with a few tweaks can be fully functional for Template Driven Forms within Angular. - https://dev.to/lloydmi/custom-angular-form-password-component-970

#angular

VueUse - the Library that Makes Vue 3 Worth the Upgrade

VueUse is a collection of 200+ essential utility functions for interacting with various APIs like browser, state, network, animation, time, and more. - https://medium.com/js-dojo/vueuse-the-library-that-makes-vue-3-worth-the-upgrade-7047c5bb00ce

#vue

Not All Zeros are Equal

Miriam Suzanne outlines a few common situations where removing units from 0 value will break your code. - https://www.oddbird.net/2022/08/04/zero-units

#css

Best Practices for Creating a Modern npm Package

A step-by-step “as of 2022” walkthrough of creating your own npm package using current best practices. It’s very thorough and certainly worth revisiting, even if you’ve built a package already. As always, though, there’s more than one way to do it, and other tools like np can be brought into the mix as needed. - https://snyk.io/blog/best-practices-create-modern-npm-package/

#nodejs