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

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