Limitations of Scoped CSS

Zell Liew outlines the limitations of scoped CSS that can be found in major frameworks like React, Vue, Svelte, and Astro. - https://zellwk.com/blog/limitations-of-scoped-css

#css

How to Pass a Component as a Prop in React

Some different ways to pass a component as a prop in a type-safe manner: passing JSX, using React.ComponentType, and using React.ElementType. - https://www.totaltypescript.com/pass-component-as-prop-react

#react

6 Advanced TypeScript tricks for Clean Code

Six advanced TypeScript tips will be covered here, along with examples showing how each one works step by… - https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3

#typescript

How To Use Web Workers In A Nuxt App

This project is written to share the usage of Web Work in the Nuxt3 app. Web Work is a fantastic feature of modern front-end web development which can provide the possibility of multithread computing on the web frontend. The combination of Web Worker and the popular SSR framework Nuxt3 can provide unlimited possibilities. - https://medium.com/@yinte1222/nuxt3-how-to-use-web-workers-in-a-nuxt-app-d03c1c8f2952

#vue

CommonJS is Hurting JavaScript

An interesting take on Node’s default module system, its history, its shortcomings, and the trickiness of managing both CommonJS and ES modules at once. It's perhaps no surprise the folks at Deno would like to see CommonJS disappear, but... - https://deno.com/blog/commonjs-is-hurting-javascript

#nodejs

10 Common Mistakes in Angular Development

Develop High-Performance, Robust, and Secure Applications - https://blog.bitsrc.io/essential-tips-for-successful-angular-development-f92a9ea1d20f

#angular

2023 State of Web Components

Looking at uses of Web Components in the wild today and how the platform has grown over the years and is… - https://eisenbergeffect.medium.com/2023-state-of-web-components-c8feb21d4f16

#webcomponents

Nesting in CSS

Ryan Finni shares a brief intro to the new CSS Nesting module. - https://www.letsbuildui.dev/articles/nesting-in-css

#css

React Suspense in Three Different Architectures

Suspense provides a way to make components more asynchronous and able to wait for some condition (such as loading content from the server) before they render without affecting the rest of the page. This article shows how Suspense can work alongside client-side rendering, server-side rendering, and server components. - https://elanmed.dev/blog/suspense-in-different-architectures

#react

Honey, I Shrunk the npm Package!

Compression sits under the hood of everything on the modern Web, including npm packages (distributed as gzipped tarballs). Could the standard gzip approach be showing its age in both speed and effectiveness? Jamie runs a package through a few alternatives and gives an update on efforts to modernize npm’s compression defaults. - https://jamiemagee.co.uk/blog/honey-i-shrunk-the-npm-package/

#nodejs

How to Use Vue Router: A Complete Tutorial

One of the most powerful features of modern single-page web applications (SPA) is routing. Modern single-page apps such as a Vue application can transition from page to page on the client-side (without requesting the server). Vue Router which is the official library for page navigation in Vue applications is simple to use, yet powerful. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/

#vue

Writing Retrowave in Angular

Web Audio API has been around for a while now and it can become Angular’s best friend if you introduce it… - https://medium.com/its-tinkoff/writing-retrowave-in-angular-4e1ff80798a8

#angular

CSS Findings From The Threads App: Part 2

Ahmad Shadeed takes another look at the Threads app and shares some interesting things he found along the way. - https://ishadeed.com/article/threads-app-css-part-2

#css

Server-Side Rendering (SSR) with Bun and React

Bun 1.0, a performance oriented alternative server-side JS runtime, has finally been released. To better understand how it can be employed with React, this case study walks through an example. - https://alexkates.dev/server-side-rendering-ssr-with-bun-and-react

#react #ssr

Type vs Interface: Which Should You Use in 2023?

Learn the key differences between interfaces and type aliases in TypeScript, including their use cases and important features to consider. - https://www.totaltypescript.com/type-vs-interface-which-should-you-use

#typescript

Exploring Nuxt 3 Middleware: A Comprehensive Overview

In Nuxt.js, middleware are custom functions that run before rendering a page or group of pages. Its use-cases may include checking authentication, modifying the server response, or accessing cookies. In this article understand the various types of middleware and how they work in Nuxt 3. - https://figueiredoluiz.medium.com/exploring-nuxt-3-middlewares-a-comprehensive-overview-6c45635cd6e4

#vue

A Comprehensive Guide to Angular Observables - https://medium.com/@lquocnam/a-comprehensive-guide-to-angular-observables-bde5542346fc

#angular

Best Practices for Securing Node Apps in Production

A list of fifteen straightforward and fundamental best practices for keeping your apps safe(r). - https://semaphoreci.com/blog/securing-nodejs

#nodejs

Laying out dots on a dice using display:flex & pseudo-classes

Maciek Fitzner shows how to use :nth-child, :is, and :not to display dots on a dice. - https://mackfitz.hashnode.dev/laying-out-dots-on-a-dice-using-displayflex-pseudo-classes

#css

What I Learnt Building a React Toast Component

Emil is the creator of Sonner, a popular toast notifications component. - https://emilkowal.ski/ui/building-a-toast-component

#react