FrontEnd Development
30.8K subscribers
145 photos
1 video
9.33K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Angular CLI MCP Server: Keep Your AI Up-to-Date

Angular released an official MCP Server. This integration bridges the gap between AI assistants and the Angular CLI, providing real-time access to official documentation, current best practices, and workspace analysis – ensuring your AI coding partner stays current with Angular’s rapid evolution. - https://angular.love/angular-cli-mcp-server-keep-your-ai-up-to-date

#angular
👍1
Powering multi-tenant applications with Nuxt

This article explains how Nuxt.js and its Nitro server provide a scalable and customizable architecture for multi-tenant applications. It covers key features like runtime configuration for tenant-specific settings without rebuilding, tenant detection via Nitro middleware, tenant-aware API proxying, and dynamic brand customization. The article also highlights content management using Markdown and MDC modules to empower tenants with flexible page layouts and personalized experiences. Nuxt’s single codebase approach simplifies maintenance while allowing rich tenant-specific customizations. - https://www.adamdehaven.com/articles/powering-multi-tenant-applications-with-nuxt

#vue
👍1
Oh No, Not Again: A Meditation on npm Supply Chain Attacks

Noting that “npm has become the largest and easiest way to ship malware”, Tane points a finger at Microsoft, the custodians of the npm registry. - https://tane.dev/2025/09/oh-no-not-again...-a-meditation-on-npm-supply-chain-attacks/

#nodejs
👍1
nuqs: Type-Safe Search Params State Management

Imagine useState but with state stored and synced with the URL query string. Supports Next.js, plain React, Remix, React Router, TanStack Router, and custom routers via adapters. - https://nuqs.dev/

#libs
👍1
Angular Signals: The Hidden Cost of Reference Changes

The article explains that Angular Signals rely on reference changes of objects to trigger updates. When using primitive values, this is efficient because changes are detected by value. However, for complex data like objects or arrays, Angular only detects changes if the reference itself changes, not the internal data. This means mutating an object or array without changing its reference will not trigger updates, potentially leaving the UI out of sync. To ensure reliable updates, immutable patterns should be used where data is replaced with new references.  - https://angular.love/angular-signals-the-hidden-cost-of-reference-changes

#angular
👍1
CSS-Only Scrollspy Effect Using scroll-marker-group and :target-current

Sara Soueidan shows how to create a Scrollspy effect using a couple of lines of CSS. - https://www.sarasoueidan.com/blog/css-scrollspy

#css
2
Cloudflare Dashboard Outage Rooted in a useEffect Mistake

The bug wasn’t caused by anything React-specific, but it’s uncommon to hear of the misuse of a React feature cascading into a service being overwhelmed with unnecessary requests resulting in an outage. A good reminder that these things can happen to anyone. - https://blog.cloudflare.com/deep-dive-into-cloudflares-sept-12-dashboard-and-api-outage/

#react
👍1
Nuxt and why you should be using it

The article argues that Nuxt.js has become a top choice for Vue developers in 2025 due to its Nitro server engine, hybrid rendering strategies, and convention-over-configuration approach that speeds up development. It highlights effortless API creation with Nitro, file-based routing with per-route rendering rules, and powerful auto-imports with first-class TypeScript support. The author emphasizes performance wins (edge deployment, smart caching, image optimization) and a mature module ecosystem that makes production use straightforward. Overall, Nuxt delivers fast DX, scalable deployments, and pragmatic flexibility compared to traditional setups. - https://juststeveking.com/articles/nuxt-and-why-you-should-be-using-it

#vue
👍2👏1
How To Set-Up Express.js 5 for Production in 2025

A walkthrough of the basic dev process for the latest version of Express, complete with TypeScript, ESLint, Prettier, file structure, and logging. - https://www.reactsquad.io/blog/how-to-set-up-express-5-in-2025

#nodejs
👍1
Comparing Tauri and Electron for Building Desktop Apps

Electron is a natural choice for building JS and HTML-powered cross-platform desktop apps but numerous alternatives have appeared like Neutralinojs and the Rust-based Tauri. This post does a good job of quickly showing how Tauri differs and why you might choose it. - https://gethopp.app/blog/tauri-vs-electron

#electron
👍2
React Server Components Support Across Frameworks

A comparison of support for aspects of the main RSC related functionality in Next.js, Vite, Waku, Forket, Parcel, React Router, and RedwoodSDK, along with the code used to test each one - https://rsc.krasimirtsonev.com/

#react
👍1
Rolling the Dice with CSS random()

Jon Davis, Jen Simmons, and Tim Nguyen give an introduction to the random() function that’s coming to CSS, which will let you create a random animation delay, layout content at a random place on the screen, create a random color, or anything you want — all without any JavaScript. - https://webkit.org/blog/17285/rolling-the-dice-with-css-random

#css
2👍1
Automating the Release Process for a Desktop App with GitHub Actions

Dolt Workbench is an SQL workbench packaged as an Electron app and distributed for several platforms. Eric explains how the Dolt team has automated the process and shares the code for their GitHub workflows. - https://www.dolthub.com/blog/2025-09-11-automating-desktop-release-process/

#nodejs
👍2
Vue 3 Best Practices

This guide outlines practical patterns for building reliable Vue 3 apps, focusing on the Composition API, TypeScript-first code, and clear state management to improve maintainability. It emphasizes performance techniques like lazy loading, route-level code splitting, and fine-grained reactivity to keep bundles lean and interfaces responsive. The guide also covers testing and linting conventions, component naming, and prop/event typing to ensure consistency across teams. Security and DX tips, such as input sanitization and auto-import hygiene, round out a balanced, production-ready checklist. - https://medium.com/@ignatovich.dm/vue-3-best-practices-cb0a6e281ef4

#vue
2👍2
'React Won by Default – And It's Killing Frontend Innovation'

An opinionated React thought-piece that’s provoked much discussion this week by poking at the downsides and inertia caused by ‘the React-by-default mindset.’ And we thought people said React was moving too quickly..? - https://www.lorenstew.art/blog/react-won-by-default

#react
👍3
The `-path` of Least Resistance (Part 1)

Amit Sheen explores the clip-path property, starting with basics and moving through the functions and syntax to powerful shape logic that goes way beyond the basic polygons you might be used to. - https://frontendmasters.com/blog/the-path-of-least-resistance-part-1

#css
👍1
Vue Equipment

This resource curates ready-to-use plugins and composables for modern Vue and Nuxt projects, helping teams ship faster with proven building blocks. It includes utilities for data fetching, form handling, state, and router helpers, along with SSR-friendly patterns that work across server and edge deployments. Each item favors DX and type safety, offering sensible defaults and examples to integrate quickly. The collection is ideal for establishing a consistent app toolkit without reinventing common primitives. - https://www.vue.equipment/
👍2