Easy and effective State Management for Angular with Signals

In this blog, we will delve into a simple and effective State Management technique using the novel Signals… - https://medium.com/@atakankorez/easy-and-effective-state-management-for-angular-with-signals-9dc81e904c18

#angular

Full Stack Web Push API Guide

A complete implementation of push notifications in a Remix app. “If you follow the walk through to the end, you’ll have working push notifications.” - https://www.bocoup.com/blog/full-stack-web-push-api-guide

#web #push

Seamless Payments: Integrating Stripe with Vue.js and Node.js

In this blog, learn how to integrate Stripe payment gateway into a Vue.js application. - https://rabinson.hashnode.dev/seamless-payments-integrating-stripe-with-vuejs-and-nodejs

#vue

React Owner Components

Owners vs parents and why it matters. - https://reacttraining.com/blog/react-owner-components

#react

Implementing SAML SSO in Node with Microsoft Entra ID - https://www.sheshbabu.com/posts/implementing-saml-authentication-in-node-js/

#nodejs

CSS Grid Areas

Ahmad Shadeed takes a fresh look at the CSS grid template areas and discusses how to maximize their potential today. - https://ishadeed.com/article/css-grid-area

#css

Model Inputs: Reactive Two-Way Binding

Signal-Based Alternative to Decorator-Based Two-Way Binding in Angular - https://itnext.io/model-inputs-reactive-two-way-binding-29a40c7626f2

#angular

How to Master Vue Router in Vue.js 3 with Composition API

Discover how to effectively master Vue Router in Vue.js 3 using the powerful Composition API. This comprehensive guide provides step-by-step instructions, best practices, and practical examples to help you seamlessly integrate routing into your Vue.js projects. - https://vueschool.io/articles/vuejs-tutorials/how-to-master-vue-router-in-vue-js-3-with-composition-api/

#vue

How to Build Reusable React Components

What are reusable React components? You can think of them as building blocks. They are independent pieces of code that can be reused throughout your website to save you time and effort. - https://www.freecodecamp.org/news/how-to-build-reusable-react-components/

#react

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