Node JS
fromFrontendmasters
2 days agoWhat To Know in JavaScript (2026 Edition)
JavaScript's ECMAScript 2025 introduces new iterator methods and improved set functionalities, enhancing performance and usability for developers.
The dynamic type hints feature in Module Federation 2.0 dramatically streamlines the development process by automatically generating and loading types from remote modules, eliminating the need for shared type packages.
The Web Install API aims to fix the issue of inconsistent and proprietary mechanisms for acquiring applications by creating an open, ergonomic, standardized, and cross-platform supported way of acquiring applications.
One of the most significant changes is the move to integrate CSS module support directly into webpack's core. Currently available behind the experimental.css option, this feature eliminates the need for mini-css-extract-plugin. The team expects to complete integration into core around early 2026, with the feature remaining experimental until webpack 6, at which point plugin-based CSS handling will no longer be necessary.
One of the reasons I've been digging Astro so much is that it nicely straddles the SSG world and Node.js server worlds. When building your app, you can make logical decisions about what should be done at build time versus what should be done dynamically. It's like having Express and Eleventy rolled into one solution.
Modern web applications are no longer just "sites." They are long-lived, highly interactive systems that span multiple runtimes, global content delivery networks, edge caches, background workers, and increasingly complex data pipelines. They are expected to load instantly, remain responsive under poor network conditions, and degrade gracefully when something goes wrong.
When applications grow, state becomes messy, components break, and small changes ripple into unexpected bugs. This is where many learners realize that knowing React syntax is not the same as knowing how React applications are built.
Vercel, the cloud platform behind Next.js, has released react-best-practices, an open-source repository containing over 40 performance optimization rules for React and Next.js applications. The framework, which encapsulates over a decade of engineering knowledge from Vercel's production codebases, is structured specifically for consumption by AI coding agents and LLMs, though the team notes it is equally valuable for human developers.
Completely free and open source (view our licence here). data_object Supports export for integration with frameworks including React, Vue, and Angular. Fully configurable, featuring custom triggers and adjustable text to support multiple language locales. 60 languages supported by default (view the languages here). Includes multiple views, including Map, Line, Chart, Days, Months, and Color Ranges. export_notes Export data to multiple file formats (view the supported types here), with system clipboard setting support.
Frontends are no longer written only for humans. AI tools now actively work inside our codebases. They generate components, suggest refactors, and extend functionality through agents embedded in IDEs like Cursor and Antigravity. These tools aren't just assistants. They participate in development, and they amplify whatever your architecture already gets right or wrong. When boundaries are unclear, AI introduces inconsistencies that compound over time, turning small flaws into brittle systems with real maintenance costs.
We're introducing a new animated map engine built on top of ruby-libgd and libgd-gis. It allows Ruby applications to render real basemaps, draw GIS layers, and animate moving objects (cars, routes, planes) entirely on the backend - no JavaScript or WebGL required.
Dear JS ecosystem, I love you, but you have a dependency management problem when it comes to the Web, and the time has come for an intervention. No, this is not another rant about npm's security issues. Abstraction is the cornerstone of modern software engineering. Reusing logic and building higher-level solutions from lower-level building blocks is what makes all the technological wonders around us possible. Imagine if every time anyone wrote a calculator they also had to reinvent floating-point arithmetic and string encoding!
Over the past decade, software development has undergone a massive transformation due to continuous innovations in tools, processors and novel architectures. In the past, most applications were monoliths and then shifted to microservices, and now we find ourselves embracing composability - a paradigm that prioritizes modular, reusable, and flexible software design. Instead of writing separate, tightly coupled applications, developers now compose software using reusable business capabilities that can be plugged into multiple projects. This enables greater scalability, maintainability, and collaboration across teams and organizations. At the heart of this movement is Bit Harmony, a framework designed to make composability a first-class citizen in modern web development.
Today's browsers can handle most of the problems that frontend frameworks were originally created to solve. Web Components provide encapsulation, ES modules manage dependencies, modern CSS features like Grid and container queries enable complex layouts, and the Fetch API covers network requests. Despite this, developers still default to React, Angular, Vue, or another JavaScript framework to address problems the browser already handles natively. That default often trades real user costs -page weight, performance, and SEO - for developer convenience.
OpenAI has introduced ChatGPT Health, a dedicated section inside ChatGPT focused entirely on personal health. It's more than a themed chat - users can discuss symptoms, interpret lab results, track metrics over time, and get clear explanations of medical terms. A key feature is integration with health and fitness services. Users can connect Apple Health, MyFitnessPal, and similar apps so the AI can analyze sleep, activity, nutrition, and wellness trends.
JSR offers a modern, TypeScript-first and cross-platform-compatible registry, integrated into Deno, Deno's developers said. For Node.js and NPM compatibility, Deno 1.42 offers numerous improvements. The async_hooks module now supports the EventEmitterAsyncResource and AsyncLocalStorage.enterWith APIs. The crypto module adds getRandomValues(), subtle, getCipherInfo(), publicKey(), and createPublicKey() APIs, along with support for more curves in multiple APIs. The worker_threads module received a major overhaul.
Hi everyone! This week, we saw a lot of activity on X about the new AI skills system. Personally, what excited me most is the new Firefox release that unlocks interesting things for React developers. The React Native ecosystem is also super active, with many interesting releases. And I'm sure Expo 55 beta will drop just after we send our email 😅, so make sure to check their blog because it's coming soon. Don't miss the next email! As always, thanks for supporting us on your favorite platform:
Every embedded video comes with a real cost to page load performance. Each player loads extra resources, whether the user ever hits play or not, as Chris Coyier noted in his blog post on "YouTube Embeds are Bananas Heavy and it's Fixable". The approach of using in that article works well when the video appears further down on the page and loads outside of the initial viewport. If the video is directly in the initial viewport, it can still cause a cumulative layout shift (CLS).
Aurora OS.js isn't just a web-based OS. It's a portal. Born from the intersection of digital art and cyberpunk culture, this project reimagines the operating system as an immersive game world. It is a high-fidelity hacking simulator built on modern web technologies (React, Vite, Electron), designed to blur the line between utility and gameplay. Currently in its pre-Alpha stage, it serves as the foundation for a future MMO hacking universe - a persistent world where you script, hack, and uncover the lore
I was continueing my exploration of React server components when I stumbled upon on this article about progressive JSON. Dan Abramov describes a technique for streaming JSON from a server to a client in chunks, allowing the client to start rendering parts of the data before the entire payload has been received. This can significantly improve perceived performance, especially for large datasets.