Testing the Dark Scenarios of Your Node App

An interesting look at some examples of easily overlooked but nonetheless important tests to have in your app or package. What happens when a service times out, code is mutating things it shouldn’t, or you have zombie processes milling around? These are some of the ‘dark scenarios’ you can easily be prepared for. - https://practica.dev/blog/testing-the-dark-scenarios-of-your-nodejs-application/

#nodejs

Critical CSS? Not So Fast

Harry Roberts explains why in practice, in the real world, critical CSS often falls short as a fragile and expensive technique to implement and seldom provides the benefits that many developers expect. - https://csswizardry.com/2022/09/critical-css-not-so-fast

#css

Introduction to Nx Monorepo Workspace — Code Sharing between Angular…

There are some challenges in designing the architecture for a system. The applications may have overlapped… - https://medium.com/a-layman/introduction-to-nx-monorepo-workspace-code-sharing-between-angular-applications-ad8cf6868d7b

#angular

Using TailwindCSS with Nuxt efficiently

In this post, we will see how to use TailwindCSS with the Nuxt application efficiently with the help of the official Nuxt module for TailwindCSS. We will also see how to use SVG icons with TailwindCSS instead of images or SVG icons directly and how to build our custom color palettes for TailwindCSS based on a given image. - https://itnext.io/using-tailwindcss-with-nuxt-efficiently-ff39fc1f7fee

#vue

Mastering Microfrontends: Routing and Communication

One challenge with microfrontends is handling navigation and communication between the host and remote apps… - https://medium.com/ama-tech-blog/mastering-microfrontends-routing-and-communication-815f3a7b7910

#microfrontends

TypeScript and ECMAScript Modules in Node.js

An official docs page focusing on the use of ESM with Node.js in TypeScript projects. We’ve linked to this before, but it’s a handy document that continues to be updated. - https://www.typescriptlang.org/docs/handbook/esm-node.html

#nodejs

Things You Might Not Know About Next.js's Image Component

Next.js’s Image component has a range of useful capabilities of which you may not be aware. - https://dev.to/alex_barashkov/things-you-might-not-know-about-next-image-5go8

#react

Modern CSS Selectors

Craig Buckler shows how to use the :is, :where, and :has CSS selectors. - https://blog.openreplay.com/modern-css-selectors/

#css

Build a Drawing App with Vue 3 and HTML5 Canvas

HTML’s canvas element is an excellent tool for rendering graphics in web applications. In this tutorial, you will be building a simple drawing app with Vue 3 and Html 5 Canvas. - https://www.dunebook.com/build-a-drawing-app-with-vue-3-and-html5-canvas/

#vue

The magic of ContentChild, ViewChild and Template References

In Angular we try to write declarative code. We are not supposed to manually query things. Let’s explore what… - https://medium.com/angularwave/the-magic-of-contentchild-viewchild-and-template-references-d1cbf7f819c4

#angular

Multithreading with Worker Threads in Node

A basic introduction to the idea of working with multiple threads. - https://blog.appsignal.com/2023/07/05/multithreading-with-worker-threads-in-nodejs.html

#nodejs

Testing Your React Hooks with Vitest

Tips for planning and testing custom hooks with Vitest and React Testing Library. - https://mayashavin.com/articles/test-react-hooks-with-vitest

#react

A Quick Introduction to Micro Frontend using Module Federation

Learn what Micro Frontend is, its advantages, and how it works by sharing its state within two applications… - https://medium.com/strapi/a-quick-introduction-to-micro-frontend-using-module-federation-cdabbd1c0e7e

#microfrontend

Video Transcription using Cloudinary Add-on in a Nuxt 3 Application

Cloudinary, a cloud-based platform for managing and optimising media assets such as images and videos, also offers a video transcription add-on. The add-on converts the audio in our videos to text automatically. In this article, we will build a Nuxt application that uploads a video to Cloudinary and applies the Cloudinary transcription add-on on upload. - https://yhuakim.hashnode.dev/video-transcription-using-cloudinary-add-on-in-a-nuxt-3-application

#vue

Outline is Your Friend

Manuel Matuzovic reminds you about the importance of the focus outline. - https://www.matuzo.at/blog/2022/focus-outline

#css

Angular Code Review Checklist

In this blog, I am sharing some Angular code review checklist which we used in our projects. Please utilize… - https://medium.com/@mohsho10/angular-code-review-checklist-e1e3c81c0311

#angular

10 Hidden JavaScript Concepts: Every Developer Should Know

JavaScript has been around for many years, yet, there are still hidden concepts that many developers may not be aware of. In this article, we will be discussing 10 hidden JavaScript concepts that every developer should know. - https://alitechguru.com/10-hidden-javascript-concepts-every-developer-should-know

#javascript

Upgrading TypeORM with jscodeshift

TypeORM is an ORM that supports both Data Mapper and Active Record patterns, and last year it introduced some breaking changes that left the author of this post facing a lot of updates to be made. What to do? Write a ‘codemod’ to automate the job! Even if you don’t use TypeORM, this post might give you some ideas for other places to use a code rewriting approach. - https://dev.clintonblackburn.com/2023/07/15/upgrading-typeorm-with-jscodeshift.html

#nodejs

What's Next For Redux? (with Mark Erikson)

The king of the React YouTubers takes a break from his usual screencast format to sit down with Redux maintainer Mark Erikson (a.k.a. acemarke) to talk about both the current and future states of Redux and Redux Toolkit, both of which are approaching major new versions. - https://www.youtube.com/watch?v=n5FK8_EXcbs

#react

CSS Border Animations

Bramus Van Damme looks at several ways to animate a border in CSS. - https://web.dev/css-border-animations

#css