How To Use Container Queries Now

Philip Walton created a step-by-step guide showing how to use container queries with cross-browser fallbacks. - https://web.dev/blog/how-to-use-container-queries-now

#css

How to Create an NPM Package in 2024

Sounds simple, but there are a lot of steps involved if you want to follow best practices, introduce useful tools, and get things just right. Matt Pocock walks through the process here, and there’s a 14-minute screencast too, if you’d prefer to watch along. - https://www.totaltypescript.com/how-to-create-an-npm-package

#nodejs

Let's build a custom animated VueJs sidebar with TailwindCSS

This guide will walk you through the process of creating a modern, animated sidebar that seamlessly integrates with both Vue 2 and Vue 3, while leveraging the power of local storage to remember its state. - https://blog.jobins.jp/lets-build-a-custom-animated-vuejs-sidebar-with-tailwindcss

#vue

The Official Redux Essentials Tutorial, Redux

The long standing guide to how to use the popular Redux state container the right way with best practices has undergone a big reworking with TypeScript used throughout, new concepts added, and more coverage of RTK/React Toolkit features. - https://redux.js.org/tutorials/essentials/part-1-overview-concepts

#react

Become a better Developer with 10 principles.

Write more maintainable, secure and simple code. Deliver and monitor software more efficiently - https://itnext.io/become-a-better-developer-with-10-principles-911b6252e881

#better #developer

Video With Alpha Transparency on the Web

Jake Archibald gives a fascinating guide on making video with transparency work on the web. - https://jakearchibald.com/2024/video-with-transparency

#css

Understanding AbortController in Node.js - https://betterstack.com/community/guides/scaling-nodejs/understanding-abortcontroller/

#nodejs

12 Design Patterns in Vue

In this article, Michael Thiessen compiled 12 different design patterns for Vue, along with short and concise examples of how they work. - https://michaelnthiessen.com/12-design-patterns-vue

#vue

Web Performance Experts Guide to Mastering Interaction to Next Paint

Today we see Interaction to Next Paint take its (rightful) place in the Core Web Vitals, replacing First Input Delay (FID) as the primary metric for measuring website responsiveness and interactivity. This comprehensive guide, which includes insights from 13 web performance specialists, will provide you with the knowledge and practical advice you need to master INP. - https://www.rumvision.com/blog/experts-guide-to-mastering-interaction-to-next-paint/

#performance

Is Google Translate Crashing React Apps?

An interesting look at how a built-in Chrome extension is manipulating the DOM on pages in such a way that could break React (and other) frontend apps. - https://martijnhols.nl/gists/everything-about-google-translate-crashing-react

#react

Best Practices for Securing Node.js Applications in Production

Node.js is one of the favorite technologies for developers when it comes to backend development. Its… - https://semaphoreci.medium.com/best-practices-for-securing-node-js-applications-in-production-d24b7c4981d

#nodejs

“Smart” Layouts With Container Queries

Kevin Powell explores new and interesting avenues for building layouts using container queries. - https://css-tricks.com/smart-layouts-with-container-queries

#css

Async and Sync? How useAsyncData does it all

Curious about how Nuxt's useAsyncData and useFetch can operate both synchronously and asynchronously? Discover the intriguing mechanism behind this dual functionality in our latest blog post. Learn how to create functions that adapt to await usage, enhancing your understanding of Nuxt and empowering you to apply these patterns in your own projects. Check out a complete working demo and step-by-step code explanations to master this concept! - https://masteringnuxt.com/blog/async-and-sync-how-useasyncdata-does-it-all

#vue

Preparing our Code for Zoneless Angular

This article explains how to modify your code to make your library or app work without Zone.js. - https://medium.com/@eugeniyoz/preparing-our-code-for-zoneless-angular-22cb7a738151

#angular

Material UI v6: The Popular React UI Design/Component System

At almost exactly ten years old, the MUI design system has its latest major release. The enhancements are more evolutionary than revolutionary though, with a focus on improved theming, color scheme management, container query support, and React 19 support. - https://mui.com/blog/material-ui-v6-is-out/

#react

7 Node.js Design Patterns Every Developer Should Know

Explore the Facade, Adapter, Singleton, Prototype, Builder, Proxy and Factory for modern software design.
 - https://blog.bitsrc.io/nodejs-design-patterns-must-know-8ef0a73b3339

#nodejs

Sharing composable state in Vue apps

This is an article explores sharing composable state in Vue apps and also discusses using composables and script setup to manage global state in Vue 3 applications. - https://dev.to/jacobandrewsky/sharing-composable-state-in-vue-apps-41l1

#vue

Why did we choose Angular?

Discover why PLATA chose Angular for building an innovative digital bank. Insights on Angular’s performance… - https://medium.com/plata-card/why-did-we-choose-angular-d5ec405e1b4f

#angular

Responsive Bar Charts in HTML and CSS

Mathias Schäfer shows how to use HTML and CSS to create charts using declarative layouts and bidirectional positioning without computing positions and preventing overlap manually. - https://9elements.com/blog/responsive-bar-charts-in-html-and-css

#css

Prisma 5.19.0, Now with 'Typed SQL'

Prisma is a popular declaratively-driven ORM in the Node.js / TypeScript world and its new version makes it possible to write raw SQL queries in a type-safe way. - https://www.prisma.io/blog/announcing-typedsql-make-your-raw-sql-queries-type-safe-with-prisma-orm

#nodejs