Channel: FrontEnd Development
Building a Custom Comparison Validator Directive in Angular
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution using custom directives. If you’ve been following my blog, you know I’m a huge fan of directives — they empower you to create modern, dynamic applications, making it feel like the magic lies in the attributes themselves. - https://medium.com/@abutayar/building-a-custom-comparison-validator-directive-in-angular-3477582e6ec0
#angular
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution using custom directives. If you’ve been following my blog, you know I’m a huge fan of directives — they empower you to create modern, dynamic applications, making it feel like the magic lies in the attributes themselves. - https://medium.com/@abutayar/building-a-custom-comparison-validator-directive-in-angular-3477582e6ec0
#angular
Medium
Building a Custom Comparison Validator Directive in Angular
There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution…
Towards React Server Components in Clojure - https://romanliutikov.com/blog/towards-react-server-components-in-clojure-part-2
#react
#react
Romanliutikov
Towards React Server Components in Clojure, Part 2 | Roman Liutikov, Software Engineer
A journey on bringing React Server Components to Clojure JVM, as a part of UIx library
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
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
Masteringnuxt
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…
Avoiding anys with Linting and TypeScript
any is TypeScript’s famous type fallback/safety hatch but if you can avoid it, you can benefit more from TypeScript’s type-checking features. Josh shares some tips to do just that. - https://typescript-eslint.io/blog/avoiding-anys/
#typescript
any is TypeScript’s famous type fallback/safety hatch but if you can avoid it, you can benefit more from TypeScript’s type-checking features. Josh shares some tips to do just that. - https://typescript-eslint.io/blog/avoiding-anys/
#typescript
typescript-eslint.io
Avoiding `any`s with Linting and TypeScript | typescript-eslint
How typescript-eslint expands on TypeScript's type safety to catch explicit and implicit `any`s.
The Best Node.js Observability Tools in 2025
A comparison of seven approaches - https://nodesource.com/blog/nodejs-observability-tools-2025
#nodejs
A comparison of seven approaches - https://nodesource.com/blog/nodejs-observability-tools-2025
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
The Best Node.js Observability Tools in 2025: N|Solid vs New Relic, Datadog, and More
With a range of observability and APM tools available, choosing the right one for your stack and team can be challenging but it can save you hours
Using Container Query Units Relative to an Outer Container
Ana Tudor shows a trick of utilizing a custom property to use container query units relative to an outer container. - https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container
#css
Ana Tudor shows a trick of utilizing a custom property to use container query units relative to an outer container. - https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container
#css
RxSignals: The most powerful synergy in the history of Angular
For years, RxJS has been a cornerstone of reactivity in Angular. However, one of its main drawbacks in terms of synchronizing data and view is its stateless nature. - https://medium.com/coreteq/rxsignals-the-most-powerful-synergy-in-the-history-of-angular-235398a26b41
#angular
For years, RxJS has been a cornerstone of reactivity in Angular. However, one of its main drawbacks in terms of synchronizing data and view is its stateless nature. - https://medium.com/coreteq/rxsignals-the-most-powerful-synergy-in-the-history-of-angular-235398a26b41
#angular
Medium
RxSignals: The most powerful synergy in the history of Angular
Let’s explore why Signals allow us to move state management out of RxJS, letting it focus primarily on event-driven tasks.
The Ultimate Guide to Vue Performance
Good performance is a vital part of any web application. In this new course from the Vue School team, learn how to keep your Vue applications lightning fast by looking at common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more! - https://vueschool.io/courses/the-ultimate-guide-to-vue-performance
#vue
Good performance is a vital part of any web application. In this new course from the Vue School team, learn how to keep your Vue applications lightning fast by looking at common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more! - https://vueschool.io/courses/the-ultimate-guide-to-vue-performance
#vue
Vue School
The Ultimate Guide to Vue Performance, a Vue.js video course
Good performance is a vital part of any web application. It's a significant determining factor in the conversion of marketing pages and can make or break the UX of web applications. Plus when we...
React, Visualized: A Visual Exploration of React Concepts
The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too. There’s a lot to enjoy here, even if you don’t want to take the course. - https://react.gg/visualized
#react
The creators of a React course have updated their popular visual explainer of numerous core React concepts to cover React 19 and features like actions, transitions, and Server Components too. There’s a lot to enjoy here, even if you don’t want to take the course. - https://react.gg/visualized
#react
react.gg
React, visualized – react.gg
React, Visualized – A visual exploration of core React concepts
The Node.js Test CI Security Incident Explained
The Node.js project recently experienced a critical security incident with its test CI infrastructure. Attackers exploited a flaw in the Jenkins pipeline and this post goes into detail about how it came about and was resolved. - https://nodejs.org/en/blog/vulnerability/march-2025-ci-incident
#nodejs
The Node.js project recently experienced a critical security incident with its test CI infrastructure. Attackers exploited a flaw in the Jenkins pipeline and this post goes into detail about how it came about and was resolved. - https://nodejs.org/en/blog/vulnerability/march-2025-ci-incident
#nodejs
nodejs.org
Node.js — Node.js Test CI Security Incident
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Updates to Popover and CSS Anchor Positioning Polyfills
James Stuckey Weber gives an overview of updates to the Popover and CSS Anchor Positioning Polyfills. - https://www.oddbird.net/2025/05/06/polyfill-updates
#css
James Stuckey Weber gives an overview of updates to the Popover and CSS Anchor Positioning Polyfills. - https://www.oddbird.net/2025/05/06/polyfill-updates
#css
OddBird
Updates to Popover and CSS Anchor Positioning Polyfills
hint popovers, position-area and more
Exploring Svelte Stores: Reactivity, Dependency, and Advanced Usage
Svelte has gained immense popularity in the web development community for its simplicity, speed, and reactivity. One of the core features that make Svelte stand out is its store mechanism, which provides an intuitive way to manage state in your applications. - https://medium.com/@nadeem.ahmad.na/exploring-svelte-stores-reactivity-dependency-and-advanced-usage-64c7bb408107
#svelte
Svelte has gained immense popularity in the web development community for its simplicity, speed, and reactivity. One of the core features that make Svelte stand out is its store mechanism, which provides an intuitive way to manage state in your applications. - https://medium.com/@nadeem.ahmad.na/exploring-svelte-stores-reactivity-dependency-and-advanced-usage-64c7bb408107
#svelte
Medium
Exploring Svelte Stores: Reactivity, Dependency, and Advanced Usage
Svelte has gained immense popularity in the web development community for its simplicity, speed, and reactivity. One of the core features…
How I Started Writing Unit Tests for Vue Components
At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787
#vue
At some point, every frontend developer realizes that it would be great to somehow verify that their code is working as expected. In this article, take a look at how you can start testing Vue components. - https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787
#vue
DEV Community
How I Started Writing Unit Tests for Vue Components
At some point, every frontend developer realizes that it would be great to somehow verify that their...
Angular: Applying multiple filters simultaneously to an array of objects using…
Filtering and Sorting is a basic requirement of any… - https://blog.stackademic.com/angular-applying-multiple-filters-simultaneously-to-an-array-of-objects-using-pipes-123980cd1471
#angular
Filtering and Sorting is a basic requirement of any… - https://blog.stackademic.com/angular-applying-multiple-filters-simultaneously-to-an-array-of-objects-using-pipes-123980cd1471
#angular
Medium
Angular: Applying multiple filters simultaneously to an array of objects using Pipes
Filtering and Sorting is a basic requirement of any web application. Being a front-end developer, filtering based on single/multiple…
The Beauty of TanStack Router
Dominik, a new contributor to TanStack Router, calls the project “a work of beauty” and gives an outline of its high-level features here in an attempt to show how it stands out from the alternatives. - https://tkdodo.eu/blog/the-beauty-of-tan-stack-router
#react
Dominik, a new contributor to TanStack Router, calls the project “a work of beauty” and gives an outline of its high-level features here in an attempt to show how it stands out from the alternatives. - https://tkdodo.eu/blog/the-beauty-of-tan-stack-router
#react
tkdodo.eu
The Beauty of TanStack Router
Yes, it's type-safe, but there's so much more to love about TanStack Router.
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?
Gabriel Shoyombo gives an overview of different proposals for adding support for masonry-style layouts in CSS. - https://www.smashingmagazine.com/2025/05/masonry-css-should-grid-evolve-stand-aside-new-module
#css
Gabriel Shoyombo gives an overview of different proposals for adding support for masonry-style layouts in CSS. - https://www.smashingmagazine.com/2025/05/masonry-css-should-grid-evolve-stand-aside-new-module
#css
Smashing Magazine
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module? — Smashing Magazine
There were duelling proposals floating around for adding support for masonry-style layouts in CSS. In one corner is a proposal that extends the existing CSS Grid specification. In the other corner is a second proposal that sets up masonry as a standalone…
Giving V8 a Heads-Up: Faster Startup with Explicit Compile Hints
Not Node specific but a look at a V8 optimization that may become relevant in time. Explicit Compile Hints let you direct V8 to eagerly compile specific files as a way to speed up startup. It ships with Chrome 136. - https://v8.dev/blog/explicit-compile-hints
#nodejs
Not Node specific but a look at a V8 optimization that may become relevant in time. Explicit Compile Hints let you direct V8 to eagerly compile specific files as a way to speed up startup. It ships with Chrome 136. - https://v8.dev/blog/explicit-compile-hints
#nodejs
v8.dev
Giving V8 a Heads-Up: Faster JavaScript Startup with Explicit Compile Hints · V8
Explicit compile hints control which JavaScript files and functions are parsed and compiled eagerly
React vs. Svelte: A Detailed Comparison for Modern Web Development
The ever-evolving landscape of JavaScript frameworks presents developers with a vast array of choices for building modern web applications. React, with its extensive adoption and vibrant community, has established itself as a dominant force. - https://awstip.com/react-vs-svelte-a-detailed-comparison-for-modern-web-development-91f6c3fa0af4
#svelte
The ever-evolving landscape of JavaScript frameworks presents developers with a vast array of choices for building modern web applications. React, with its extensive adoption and vibrant community, has established itself as a dominant force. - https://awstip.com/react-vs-svelte-a-detailed-comparison-for-modern-web-development-91f6c3fa0af4
#svelte
Medium
React vs. Svelte: A Detailed Comparison for Modern Web Development
The ever-evolving landscape of JavaScript frameworks presents developers with a vast array of choices for building modern web applications…
Nuxt Scripts: The Answer to Third-Party Scripts Chaos
Master third-party script management with Nuxt Scripts! Boost performance, enhance privacy, and simplify integrations. Find out more in this article. - https://masteringnuxt.com/blog/nuxt-scripts-the-answer-to-third-party-scripts-chaos
#vue
Master third-party script management with Nuxt Scripts! Boost performance, enhance privacy, and simplify integrations. Find out more in this article. - https://masteringnuxt.com/blog/nuxt-scripts-the-answer-to-third-party-scripts-chaos
#vue
Masteringnuxt
Nuxt Scripts: The Answer to Third-Party Scripts Chaos
Master third-party script management with Nuxt Scripts! Boost performance, enhance privacy, and simplify integrations.
HTML Embed Code: