Front End World – Telegram
Front End World
27.5K subscribers
4.49K photos
1 video
5.53K links
New articles about Front End development.
JS, CSS, React, Vue, Angular and others!

Russian tech blog: @five_a_m

Admin: @jem_jem
Download Telegram
How to Build Micro Frontends in React with Vite and Module Federation

Micro Frontend Architecture has become increasingly popular in recent years, as teams look to re-use parts of their existing applications in new projects rather than rebuilding everything from scratch. Micro frontends also allow large teams to share ...

https://www.freecodecamp.org/news/how-to-build-micro-frontends-in-react-with-vite-and-module-federation/
Understanding Promise.any(): when one success is enough

Learn how Promise.any() helps you handle multiple promises by resolving with the first success, perfect for fallback APIs and progressive features in JavaScript.

https://allthingssmitty.com/2025/08/25/understanding-promise-any-when-one-success-is-enough/
Learning web development: Modules and testing in JavaScript

So far, all of our JavaScript code resided in a single file – be it an .html file or a .js file. In this chapter, we learn how to split it up into multiple files. And how to automatically test if the code we write is correct.

https://2ality.com/2025/08/javanoscript-modules-testing.html
What happens when dev communities die: Stack Overflow’s slow collapse

Explore how Stack Overflow’s slow collapse affects programming and the possible future for Stack Overflow vs. generative AI competition.

https://blog.logrocket.com/stack-overflow-collapse/
1
Can We Use Local Storage Instead of Context-Redux-Zustand?

Why do we need Context/Redux/Zustand in React, what is the purpose of Local Storage, its limitations, and when to use it.

https://www.developerway.com/posts/local-storage-instead-of-context
1
JavaScript’s trademark problem

In this blog post, we discuss Oracle’s trademark of the word “JavaScript”: What are the problems caused by that trademark? How can we fix those problems?

https://2ality.com/2025/08/javanoscript-trademark.html
Optimizing PWAs For Different Display Modes

Progressive Web Apps (PWAs) are a great way to make apps built for the web feel native, but in moving away from a browser environment, we can introduce usability issues. This article covers how we can modify our app depending on what display mode is applied to mitigate these issues.

https://www.smashingmagazine.com/2025/08/optimizing-pwas-different-display-modes/
The Basics of Anchor Positioning

Learn the basics of Anchor Positioning in CSS

https://ishadeed.com/article/anchor-positioning/
The Struggle of Wrapping a JavaScript Game for Desktop

The story begins after I’d spent some time making web games in JavaScript.

https://jslegenddev.substack.com/p/the-struggle-of-wrapping-a-javanoscript
React Concurrent Features: An Overview

Learn React's key concurrent features—useTransition, useDeferredValue, Suspense, and useOptimistic—and how they coordinate to create smooth, responsive user experiences. Includes practical examples and best practices.

https://certificates.dev/blog/react-concurrent-features-an-overview?friend=TWIR
Smooth Async Transitions in React 19

We'll explore how async transitions in React 19 enable non-blocking form experiences.

https://blog.appsignal.com/2025/08/27/smooth-async-transitions-in-react-19.html
Ship-shape CSS generators

Generate and edit CSS shape() values, for use in clip-path and other properties.

https://ship-shape.win/
A complete guide to HTTP caching

Despite being so fundamental, caching is one of the most misunderstood aspects of web performance.

https://www.jonoalderson.com/performance/http-caching/
CSS Elevator: A Pure CSS State Machine With Floor Navigation

In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where it’s headed, and how long it’ll take to get there. No JavaScript required.

https://css-tricks.com/css-elevator-a-pure-css-state-machine-with-floor-navigation/
Third Edition of PNG Specification Released, Adds HDR and Official APNG Support

The W3C recently published the Portable Network Graphics (PNG) Specification (Third Edition), two decades after the second edition was accepted as a web standard. This update introduces High Dynamic Range (HDR) color, standardizes Animated PNGs (APNGs), and adds Exif metadata support, making PNG a valuable alternative to other formats like AVIF and WebP.

https://www.infoq.com/news/2025/08/png-3-hdr-animated-png-support/
Create a Floating Toolbar Text Editor in JavaScript

Learn how to create a lightweight text editor with a floating formatting toolbar using pure JavaScript. Includes bold, italic, highlight, color, copy, and undo/redo.

https://jsdev.space/howto/smart-js-text-editor/
Exporting a Cloth Simulation from Blender to an Interactive Three.js Scene

This tutorial walks through creating an interactive animation: starting in Blender by designing a button and simulating

https://tympanus.net/codrops/2025/08/20/exporting-a-cloth-simulation-from-blender-to-an-interactive-three-js-scene/