How to Debug a Node.js App in a Docker Container - https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/

#nodejs

Build AI-Powered Angular Apps with Google Gemini

A step-by-step guide to integrating Google Gemini into your Angular applications. - https://medium.com/google-cloud/build-ai-powered-angular-apps-with-google-gemini-5bf5e905ca1d

#angular

React is (Becoming) a Full-Stack Framework

Robin opines on some widely discussed topics in the React community over the past year or two: Where’s React going? Is it a frontend library? How does the backend fit in? He shares his thoughts on what led him to use Server Components and Server Actions and to consider React as more of a full-stack solution. - https://www.robinwieruch.de/react-full-stack-framework/

#react

Securing the Front-End: Defending Against XSS Attacks in Vue.js

As front-end developers, we create visually appealing and interactive interfaces for our applications. However, we also need to prioritize the security of our applications. One of the most significant security threats is Cross-site scripting (XSS) attacks, which can allow attackers to insert malicious scripts into our applications. This article provides an indepth guide to understanding XSS attacks and how you can effectively combat them. - https://blog.jobins.jp/securing-the-front-end-defending-against-xss-attacks-in-vuejs

#vue

What are React Server Components? Understanding the Future of React Apps - https://www.builder.io/blog/why-react-server-components

#react

File and folder structure for Angular applications

Having a good scaffolding is the foundation for successful development. Here are some guidelines for naming… - https://albertobasalo.medium.com/file-and-folder-structure-for-angular-applications-3130efc582e3

#angular

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