How layout position impacts three big web performance levers

Sia Karamalegos shares three common problems related to layout position: lazy loading images above the fold, asynchronous loading of CSS needed for elements above the fold, and not prioritizing the fetch of the Largest Contentful Paint (LCP) image. - https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers

#css

Angular: Introduction of Signals for High-Performance Applications

Exploring Angular’s journey from component-templating to signals, enhancing change detection strategies for… - https://blog.bitsrc.io/angular-introduction-of-signals-for-high-performance-applications-4e7aeddcbb62

#angular

Function Overloading in Typescript

Typescript is a type system built on top of Javascript and its only purpose is to secure your application… - https://medium.com/ngconf/function-overloading-in-typescript-8236706b2c05

#typescript

Reactivity with the Vue 3 Composition API: ref() and reactive()

In a single-page application (SPA), reactivity refers to the application’s ability to update its user interface in response to changes in the underlying data. In Vue 3 we are introduced to 2 ways of declaring reactive Variables - Ref and Reactive. This article will explore these 2 functions outlining their uniqueness and use cases. - https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

#vue

Building a Two-Way Data Binding Hook for Form Inputs

Two-way form input binding is a popular feature offered by frameworks like Vue and Svelte – what might a React version look like? Consider this more an experiment than anything. - https://www.macarthur.me/posts/binding-input-state-in-react

#react

Matteo's Thoughts on Bun

As the creator of Fastify and a Node.js TSC member, it’s interesting to see what Matteo thinks of alternative runtime Bun. - https://adventures.nodeland.dev/archive/my-thoughts-on-bun/

#bun

Feature-Sliced Design —modern architectural methodology on Angular - https://medium.com/@fed4wet/feature-sliced-design-modern-architectural-methodology-on-angular-d0ef705ef598

#angular

Type safe CSS design systems with @property

Adam Argyle explains how to use @propety to create smarter and more stable design systems. - https://nerdy.dev/cant-break-this-design-system

#css

Micro Frontend Architecture: An In-Depth Look And Application Examples

Micro Frontend is an architectural approach that splits the application into separate projects. - https://medium.com/@furkanemmezoglu/micro-frontend-architecture-an-in-depth-look-and-application-examples-a64eaed3153

#microfrontend

Securing Node Apps by Analyzing Real-World Command Injection Examples

If there’s a vulnerability in an npm package, there’s a bad actor looking to take advantage of it. A particularly nasty vulnerability is when code can be manipulated to run unintended and arbitrary commands. - https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples

#nodejs

The Simplest Example to Understand Server Actions in Next.js - https://scastiel.dev/simplest-example-server-actions-nextjs

#react

Gradients, Blend Modes, And A Really Cool Hover Effect

Preethi shows how to create a hover effect where hovering one item triggers visual changes to other items using CSS gradients. - https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect

#css

Good practices and Design Patterns for Vue Composables

This article summarises good practices and design patterns about Vue composables. - https://dev.to/jacobandrewsky/good-practices-and-design-patterns-for-vue-composables-24lk

#vue

Angular 16 is huge

At the time of writing this article, angular just published its first release candidate version of v16. There… - https://itnext.io/angular-16-is-huge-67288a3ff58b

#angular

The Underlying Mechanisms of React’s Concurrent Mode - https://andreigatej.dev/blog/the-underlying-mechanisms-of-reacts-concurrent-mode/

#react

Serverless Bun vs Node: Benchmarking on AWS Lambda

Following the recent release of Bun 1.0, Mitchell ran some tests to determine if the updated runtime is a legitimate contender for serverless environments like AWS Lambda. - https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2

#bun #vs #nodejs

CSS lobotomized owl selector: A modern guide

Sebastian Weber explores the lobotomized owl selector from a modern angle. - https://blog.logrocket.com/css-lobotomized-owl-selector-modern-guide

#css

6 Advanced TypeScript tricks for Clean Code

We’ll explore six Advanced TypeScript tricks for writing clean code, with examples and step by step how they… - https://medium.com/@mvsg/6-advanced-typescript-tricks-for-clean-code-90cee774dbf3

#typescript

Create A Custom Range Slider With Vue

In this tutorial, you will learn how to create a custom range slider in Vue 3.
You’ll also see how you can create a custom slider with two handles, one for the min value and the other for the max value. - https://blog.openreplay.com/create-a-custom-range-slider-with-vue

#vue

Create a Hand-Drawing Component with React Native Skia - https://spin.atomicobject.com/2023/07/26/react-native-skia/

#reactnative