Front-end Testing Strategy

Defines the common layers of testing and their trade-offs in order to propose an effective strategy. - https://itnext.io/front-end-testing-strategy-5fddfd463feb

#frontend #testing

Why React Contexts Are Great

Something can be good, but also not a great fit for every project. Allen explains where his team ran into problems with useContext. - https://spin.atomicobject.com/2022/08/24/react-contexts/

#react

How to Handle Required Inputs in Angular

Handling Required Inputs in Angular Directive and Component. - https://medium.com/@redin.gaetan/angular-for-everyone-required-inputs-ee916b2feaae

#angular

How To Use Multithreading in Node.js

A practical walkthrough to how Node uses threads and how and why you might use worker threads yourself in a web app. - https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js

#nodejs

The Advanced Guide to the CSS :has() Selector

Rahul Chhodde explains the need for the :has() selector, its general usage, various applications and use cases from simple to advanced, browser compatibility, and the fallbacks. - https://blog.logrocket.com/advanced-guide-css-has-selector

#css

Domain modeling for frontend applications using TypeScript

Thanks to Rafael Poveda and Abel Fernández for proof reading this article - https://tech.cornershop.io/domain-modeling-for-frontend-applications-using-typescript-2bc162fd94a0

#typescript

Server side rendering (SSR) with Angular for Nx workspaces

In this article, we will manually add the SSR feature to our Angular application in an Nx workspace. - https://blog.nrwl.io/server-side-rendering-ssr-with-angular-for-nx-workspaces-14e2414ca532

#angular

Vue Composition API Inspector

A peek under the hood of Vue compilation. See how Vue interprets TypeScript. - https://unicorn-utterances.com/posts/vue-composition-inspector

#vue

React Error Boundaries: A Guide

Not properly catching errors thrown by third-party libraries or React hooks can have them end up reaching the top-level of the main execution thread, resulting in the dreaded “white screen” scenario. The official docs on error boundaries also remain useful. - https://meticulous.ai/blog/react-error-boundaries-complete-guide/

#react

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