Config based service implementation in Angular

Angular framework takes advantage of the Dependency Injection mechanism in a lot of places. For instance, you… - https://medium.com/javascript-everyday/config-based-service-implementation-in-angular-ff39ac2a7f04

#angular

React Server Components from Scratch

Dan Abramov recently released an introduction to RSCs built around reimplementing them from scratch. He asked on Twitter if anyone could record the post in video form and Jesse stepped up with a little 'dramatic reading' for added effect. - https://www.youtube.com/watch?v=8aD58kGBJYc

#react

Space, Grids, and Layouts

Elliot Dahl offers some advice on defining baseline grids, column grids, spacing, and layouts. - https://www.designsystems.com/space-grids-and-layouts

#css

How to Implement Storybook in React + TypeScript + Material UI application

Storybook is a UI development tool that lets you preview your components in a very rich library design that… - https://javascript.plainenglish.io/how-to-implement-storybook-for-react-typescript-material-ui-application-f2dcbdca2ce3

#storybook

How to Use Attribute Inheritance in Vue 3

Attribute Inheritance was enabled in Vue 2 but became very efficient in Vue 3, with a more reliable API to use in any component. In this article, we will be talking about Attribute inheritance in Vue.3, and by the end of this tutorial, users will be able to use and disable attributes inheritance in their Vue code, understand the difference between props and non-props attributes, and how attribute inheritance affects multiple root nodes. - https://blog.openreplay.com/how-to-use-attribute-inheritance-in-vue-3/

#vue

Creating a Seamless Multi-Language User Interface

A look at the fundamentals of building a React app with basic i18n and multi-language support. - https://www.honeybadger.io/blog/creating-multi-language-user-interface-with-react/

#react

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