View Transitions

Chen Hui Jing demonstrates how animating DOM state changes no longer requires a mountain of code thanks to the new View Transitions API. - https://12daysofweb.dev/2023/view-transitions

#css

Managing SVG Icons Effectively: Using vite-svg-loader in Vue & Vite Projects

SVGs have become key to creating high-quality images in modern web development as well as providing a great user experience by adapting to screen sizes. In this article we will learn how to manage svgs in Vue & Vite projects. - https://medium.com/@muhammederdinc/managing-svg-icons-effectively-using-vite-svg-loader-in-vue-vite-projects-990d2dc7ee02

#vue

Next.js 14: You Missed The Best Part

Can we turn React components into self-contained Lego blocks that talk to backend services? Let’s find out! - https://www.youtube.com/watch?v=xoVpFAXBats

#react

Node.js Configurations Masterclass

Well-known Node developer and TSC member Matteo looks at the phenomenon of so much Node code depending on the value of environment variables (and NODE_ENV, in particular, which affects the behavior of many modules) and the role that secret management can play in building robust, secure apps. - https://www.youtube.com/watch?v=kVnh_tNYqxk

#nodejs

How to use Angular Signals

Simplify Angular development with reactive properties - https://betterprogramming.pub/how-to-use-angular-signals-619dcbb40e5a

#angular

How to use Chrome’s accessibility tree

Whitney Lewis shares how Chrome’s accessibility tree can help you debug issues and quickly check custom widgets for accessibility. - https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree

#devtools

Vue.js Memory Leak Identification And Solution

There is no doubt that Vue.js is a popular and powerful JavaScript framework that allows us to build dynamic and interactive web applications. However, like any software, Vue.js applications can sometimes experience memory leaks that can lead to performance degradation and unexpected behavior. This article will dive into the causes of memory leaks in Vue.js applications and explore effective strategies to identify and fix them. - https://blog.jobins.jp/vuejs-memory-leak-identification-and-solution

#vue

New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem

Šime Vidas explains why 100vw does not always represent the full width of the viewport and shows how to avoid it, along with approaches we may have to solve it in the future. - https://www.smashingmagazine.com/2023/12/new-css-viewport-units-not-solve-classic-scrollbar-problem

#css

Maglev: A Serious Look at V8’s Fastest Optimizing JIT

A deep dive into how the V8 JavaScript engine (as used in Node) is getting faster thanks to work on its Maglev JIT compiler which sits in between the existing Sparkplug and TurboFan compilers - https://v8.dev/blog/maglev

#nodejs

Enforcing Coding Style with the Vercel Style Guide

Vercel provides a set of configs for Prettier, ESLint and TypeScript. Here’s how one developer uses them in his Next.js project. - https://mwskwong.com/blog/enforcing-coding-style-with-vercel-style-guide

#react

How to unit test an Angular pipe?

This tutorial is for people new to unit testing with Angular. We will start with unit tests for a pipe… - https://blog.angulartraining.com/how-to-unit-test-an-angular-pipe-eb5cacb018cc

#angular

Building Reusable Components that are ACTUALLY Reusable with Vue.js

When we talk or discuss about creating UI components in Vue.js, reusability is often brought up. In this article, explore the concept of reusable components, the problems faced when applying them, and why it is essential to overcome these problems. - https://medium.com/@tanbamrung.w/building-vue-js-components-that-are-actually-reusable-ca07b3701cb4

#vue

CSS animation-composition

Tyler Gaw shows how to use the CSS animation-composition property for advanced control over how values are applied during keyframe animations. - https://12daysofweb.dev/2023/animation-composition

#css

7 Architecture Design Patterns

You wish you knew before interview - https://medium.com/web3-use-case/7-architecture-design-patterns-you-wish-you-knew-before-interview-e9806bc01b6f

#desing #pattern

Worst Practices In Angular

Common Mistakes to Avoid for Better Code Quality - https://medium.com/@Hasan.Kakeh/worst-practices-in-angular-aac6e8cc1a69

#nodejs

Deploying Node.js with Google's Duet AI

Duet AI is Google’s AI-based assistive agent that works both in the IDE and within Google Cloud. For now. - https://www.youtube.com/watch?v=t_gy2V1ofv0

#nodejs

React Panel: Frontend Should Embrace React Server Components

A panel of developers from Meta, Vercel, Redwood, and others, discussed React server components and server actions in relation to the traditional SPA model and whether Next.js is the only path to adoption. - https://thenewstack.io/react-panel-frontend-should-embrace-react-server-components/

#react

Three modern CSS properties your website must have

Mojtaba Seyedi outlines some newish CSS features that can help you improve your user interface. - https://bejamas.io/blog/modern-css-properties-your-website-must-have

#css

Hand-shek with PouchDB & Vue3: Step-by-Step Guide

Are you considering building a web app that can work without an internet connection, using Vue.js? This blogpost will walk through the process of connecting Vue 3 with PouchDB — a powerful and user-friendly database that doesn’t need the internet to function. - https://medium.com/@khanusama20/hand-shek-with-pouchdb-vue3-step-by-step-guide-87b93e5c5f65

#vue

System Design Basics: Strategies for Achieving High-Availability in Distributed Systems

This article explores some key strategies that form the foundation of system design for achieving high availability. - https://levelup.gitconnected.com/system-design-basics-strategies-for-achieving-high-availability-in-distributed-systems-709bfd8c44c1

#system #design