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

Admin: @andrey2019
Download Telegram
Mastering State Management in Angular with NgRx and signals: Scalable, Predictable, Performant

Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant

#angular
👍1
Teaching Next.js Route Handlers to GitHub Copilot

Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot

#react
👍1
Some little ways I’m using CSS :has() in the real world

This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world

#css
👍1
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps

This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps

#vue
3
CSS animation-composition

Tyler Gaw’s article on CSS animation-composition explains how to gain more control over animations by letting you adjust whether values replace, add to, or accumulate with existing styles. While it’s not something you’ll use every day, this property is great for more complex animation scenarios where precision is key. - https://12daysofweb.dev/2023/animation-composition

#css
1👍1🔥1
How to Create Kinetic Image Animations with React Three Fiber

A fantastic visual effect for the Web (which can try live here) that’s explained in technical detail. It’s amazing what React Three Fiber can do and might inspire you to have a play for yourself.. - https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/

#react
1👍1
PSA: Beware of End-of-Life Node.js Versions

Matteo Collina notes the Node.js ecosystem is “at a critical juncture”, with v18 and earlier now ‘End-of-Life’. He breaks down what that really means for users of legacy versions, and why you should skip Active LTS v20 and leap straight to v22 for maximum future-proofing. If you have to stay on older versions, though, Matteo shares an option to consider. - https://nodejs.org/en/blog/announcements/node-18-eol-support

#nodejs
👍2
Understanding Vue’s Virtual DOM

In this article, you'll explore how Vue’s Virtual DOM works can help optimize your applications and write more efficient code. - https://dev.to/jacobandrewsky/understanding-vues-virtual-dom-108p

#vue
2👍1
The New CSS Math: rem() and mod()

Dan Wilson's article dives into two new CSS math functions, rem() and mod(), which bring remainder and modulus operations directly to CSS. With rem(), you can calculate remainders just like in JavaScript’s %, while mod() gives you similar behavior but with a twist—it takes the sign of the divisor instead of the dividend. These functions are handy for more precise control over layout and rotation, and while they’re available in Safari and Firefox, you’ll need to enable a feature flag in Chrome/Edge. - https://danielcwilson.com/posts/mathematicss-rem-mod

#css
👍2
What Every React Developer Should Know About Signals

Ryan, the creator of SolidJS, put eight hours into making this ten minute video which is a good look at the state of signals in modern JavaScript code and compares them to React’s approach. - https://www.youtube.com/watch?v=VgGl9i-OBBI

#react
👍2
Node v24.2.0 (Current) Released

import.meta.main is a new boolean value available in ES modules that tells you if the current module was the entry point of the current process (so you could run specific code only if a module is run directly, say). Support for HTTP/2 priority signalling has also been removed from nghttp2. - https://nodejs.org/en/blog/release/v24.2.0

#nodejs
👍31
Server-Side Support for MCP in Next.js

Enable your users to securely grant AI applications like Claude, Cursor, and others access to their data within your app. - https://clerk.com/changelog/2025-06-25-mcp-server-nextjs

#react
👍21
One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header

If you've ever had a sticky or fixed header mess with your anchor links, this article offers a super simple fix. It introduces a one-line CSS solution using scroll-margin-top or scroll-padding-top to prevent your content from getting hidden behind the header when an anchor link is clicked. With solid browser support, you can implement this fix right away and improve your site's UX in just one line of code. - https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html

#css
👍2