Feature-Sliced Design (FSD) Pattern

Imagine a delicious pizza as your complex project. Let’s break it down slice by slice: easy to manage and… - https://blog.stackademic.com/frontend-masters-feature-sliced-design-fsd-pattern-81416088b006

#fsd #architecture

OKLCH in CSS: Why We Moved From RGB and HSL

Andrey Sitnik explains why the new oklch() notation for declaring colors is important for design systems and color palettes. - https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl

#css

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