Infographic for Software Architecture History - https://vocal.media/01/infographic-for-software-architecture-history

##architecture

Understanding useMemo and useCallback

Many find these hooks confusing. This tutorial takes a crack at what they do exactly, why they’re useful and how to get the most out of them – and all in Josh’s usual highly accessible and engaging style. - https://www.joshwcomeau.com/react/usememo-and-usecallback/

#react

Recreating MDN’s Truncated Text Effect

Geoff Graham shows how to create a truncated text effect using CSS. - https://css-tricks.com/recreating-mdns-truncated-text-effect

#css

How to Unit Test Next.js API Routes with Typescript

If you need env vars, mocked data, and Typescript types, this one’s for you. - https://itnext.io/how-to-unit-test-next-js-api-routes-with-typescript-ec1146b4b9b3

#nodejs

Vue3 + TS + Vue Query + Express + tRPC

This tutorial shows how to set up a full-stack Vue 3 app with cutting-edge tools. - https://dev.to/alousilva/vue3-typescript-express-trpc-setup-example-2mlh

#vue

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