An Update on Next.js's App Router

The ‘app router’ in Next.js 13+ offers a new approach for structuring Next apps and is recommended for all new ones going forward (it became stable in Next.js 13.4 last month). This post provides a welcome update on how the project sees the feature evolving and how the team is continuing to integrate and collaborate with React generally. - https://nextjs.org/blog/june-2023-update

#react

TypeScript: Any vs Unknown vs Never

A deep dive into these three intriguing types - https://betterprogramming.pub/typescript-any-vs-unknown-vs-never-9d0eb7416b2b

#typescript

Node.js, lots of ways to block your Event-loop

Some simple examples of how to block or slow down the Event-loop. Don’t do that in your app! And keep an eye… - https://medium.com/voodoo-engineering/node-js-lots-of-ways-to-block-your-event-loop-and-how-to-avoid-it-b41f41deecf5

#nodejs

Nuxt vs VitePress vs Astro

Timi compares Nuxt vs Vitepress vs Astro
He focuses on what they are, their key features, and their ideal use cases. - https://medium.com/vue-mastery/nuxt-vs-vitepress-vs-astro-c828db8f832d

#vue

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