# Webpack

Published articles for Webpack.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## JavaScript bundling and HTTP performance trade-offs

DevFeed: [JavaScript bundling and HTTP performance trade-offs](<https://devfeed.tech/articles/forgo-js-packaging-not-so-fast-27386.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/js-packaging-http2.htm>)

Author: Khan Academy

Published: 2015-11-23T23:00:00Z

Content type: article

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [HTTP](<https://devfeed.tech/topics/http.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [browserify](<https://devfeed.tech/topics/browserify.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [browserify](<https://devfeed.tech/tags/browserify.md>), [cache](<https://devfeed.tech/tags/cache.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [http](<https://devfeed.tech/tags/http.md>), [infrastructure](<https://devfeed.tech/tags/infrastructure.md>), [js](<https://devfeed.tech/tags/js.md>), [news](<https://devfeed.tech/tags/news.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

The article examines trade-offs between bundling JavaScript files, serving them separately, and using semantically related bundles. It explains how these approaches balance HTTP request overhead, browser fetch limits, cacheability, and unused downloaded code.

### Source excerpt

By Craig Silverstein Bundling JavaScript files The traditional advice for web developers is to bundle the JavaScript files ... Read more

## Optimizing Our Build Times by Migrating from Webpack to Rspack

DevFeed: [Optimizing Our Build Times by Migrating from Webpack to Rspack](<https://devfeed.tech/articles/optimizing-our-build-times-by-migrating-from-webpack-to-rspack-27426.md>)

Original publisher: [Read original article](<https://engineeringblog.yelp.com/2026/05/optimizing-our-build-times-by-migrating-from-webpack-to-rspack.html>)

Author: Benson Pan, Software Engineer

Published: 2026-05-20T00:00:00Z

Content type: tutorial

Language: en

Sources: [Yelp](<https://devfeed.tech/sources/yelp.md>)

Topics: [Webpack](<https://devfeed.tech/topics/webpack.md>), [build times](<https://devfeed.tech/topics/build-times.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [Developer experience](<https://devfeed.tech/topics/developer-experience.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [build-times](<https://devfeed.tech/tags/build-times.md>), [build-tools](<https://devfeed.tech/tags/build-tools.md>), [developer-experience](<https://devfeed.tech/tags/developer-experience.md>), [migration-guide](<https://devfeed.tech/tags/migration-guide.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [performance](<https://devfeed.tech/tags/performance.md>), [speed](<https://devfeed.tech/tags/speed.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [tools](<https://devfeed.tech/tags/tools.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

A Yelp engineering blog post explains how the team migrated monorepo builds from Webpack to Rspack. It reports an approximately 50% reduction in build time and discusses compatibility, configuration, custom plugins, and a staged rollout.

### Source excerpt

Over the years, Webpack has remained the bundler of choice for many JS projects, including here at Yelp. While it has served us well, its speed has increasingly become a bottleneck as our monorepo continues to grow. Fortunately, a bunch of new build tools (Vite, Parcel, Rspack, etc.) have emerged in recent years. Each of these tools promises different ways of improving performance and developer experience. In this blog post, we'll walk through how we migrated our monorepo builds from Webpack to Rspack and achieved an approximately 50% reduction in build time. Why Rspack Our team has been closely observing...

## Upgrade Cypress To TypeScript v6

DevFeed: [Upgrade Cypress To TypeScript v6](<https://devfeed.tech/articles/upgrade-cypress-to-typescript-v6-28902.md>)

Original publisher: [Read original article](<https://glebbahmutov.com/blog/upgrade-cypress-to-typescript-v6/>)

Author: Gleb Bahmutov

Published: 2026-04-23T04:00:00Z

Content type: tutorial

Language: en

Sources: [Gleb Bahmutov](<https://devfeed.tech/sources/gleb-bahmutov.md>)

Topics: [Cypress](<https://devfeed.tech/topics/cypress.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [upgrade](<https://devfeed.tech/topics/upgrade.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [cypress](<https://devfeed.tech/tags/cypress.md>), [import](<https://devfeed.tech/tags/import.md>), [module](<https://devfeed.tech/tags/module.md>), [products](<https://devfeed.tech/tags/products.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

This tutorial explains how to upgrade Cypress projects to TypeScript v6. It recommends using bundler module resolution with Webpack and adjusting transpilation and path-alias options when needed.

### Source excerpt

Finally, it has happened. Cypress v15.14 supports TypeScript v6. This is a big deal

## Next.js 16 (beta)

DevFeed: [Next.js 16 (beta)](<https://devfeed.tech/articles/next-js-16-beta-3229.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-16-beta>)

Author: Tobias Koppers

Published: 2025-10-09T20:00:00Z

Content type: release

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [Compiler](<https://devfeed.tech/topics/compiler.md>), [Routing (disambiguation)](<https://devfeed.tech/topics/routing.md>), [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [ESLint](<https://devfeed.tech/topics/eslint.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [FIRST](<https://devfeed.tech/topics/first.md>)

Tags: [caching](<https://devfeed.tech/tags/caching.md>), [compiler](<https://devfeed.tech/tags/compiler.md>), [eslint](<https://devfeed.tech/tags/eslint.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>), [routing](<https://devfeed.tech/tags/routing.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 16 beta introduces stable Turbopack as the default bundler, filesystem caching for faster development, React Compiler support, enhanced routing, improved caching APIs, and React 19.2 features. It also includes Build Adapters API changes and breaking changes.

### Source excerpt

Next.js 16 beta includes stable Turbopack, file system caching, React Compiler support, smarter routing, new caching APIs, and React 19.2 features.

## Why Does RSC Integrate with a Bundler?

DevFeed: [Why Does RSC Integrate with a Bundler?](<https://devfeed.tech/articles/why-does-rsc-integrate-with-a-bundler-36211.md>)

Original publisher: [Read original article](<https://overreacted.io/why-does-rsc-integrate-with-a-bundler/>)

Published: 2025-05-30T00:00:00Z

Content type: tutorial

Language: en

Sources: [Dan Abramov](<https://devfeed.tech/sources/dan-abramov.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [integration](<https://devfeed.tech/tags/integration.md>), [modules](<https://devfeed.tech/tags/modules.md>), [programming](<https://devfeed.tech/tags/programming.md>), [react](<https://devfeed.tech/tags/react.md>), [vite](<https://devfeed.tech/tags/vite.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

The article explains why React Server Components (RSC) integrate with JavaScript bundlers. Because RSC sends references to executable module code as well as serialized data, bundlers help avoid inefficient network waterfalls by discovering imports and producing bundle chunks. Bundler-less ESM is possible but described as inefficient without further optimization, while realistic integrations are bundler-specific.

### Source excerpt

One does not simply serialize a module.

## Next.js 15.3

DevFeed: [Next.js 15.3](<https://devfeed.tech/articles/next-js-15-3-3200.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-15-3>)

Author: Will Binns-Smith

Published: 2025-04-09T20:00:00Z

Content type: article

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [Instrumentation](<https://devfeed.tech/topics/instrumentation.md>), [Routing (disambiguation)](<https://devfeed.tech/topics/routing.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>)

Tags: [build-performance](<https://devfeed.tech/tags/build-performance.md>), [build-times](<https://devfeed.tech/tags/build-times.md>), [caching](<https://devfeed.tech/tags/caching.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [instrumentation](<https://devfeed.tech/tags/instrumentation.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [routing](<https://devfeed.tech/tags/routing.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 15.3 introduces alpha support for Turbopack production builds, alongside client instrumentation and navigation hooks. The release also includes experimental Rspack community support and TypeScript plugin improvements. Turbopack is reported to outperform Webpack as CPU cores increase, while persistent caching remains experimental.

### Source excerpt

Next.js 15.3 includes Turbopack for builds, new client instrumentation and navigation hooks, and more.

## Docusaurus 3.2

DevFeed: [Docusaurus 3.2](<https://devfeed.tech/articles/docusaurus-3-2-40943.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.2>)

Author: Sébastien Lorber

Published: 2024-03-29T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [builds](<https://devfeed.tech/topics/builds.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [build times](<https://devfeed.tech/topics/build-times.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Server](<https://devfeed.tech/topics/server.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [benchmark](<https://devfeed.tech/tags/benchmark.md>), [build](<https://devfeed.tech/tags/build.md>), [caching](<https://devfeed.tech/tags/caching.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [performance](<https://devfeed.tech/tags/performance.md>), [release](<https://devfeed.tech/tags/release.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Docusaurus 3.2 is released with faster production builds, improved development-server performance for Markdown and MDX editing, and MDX partial headings in tables of contents. Reported benchmark results show cold builds improving from 95 seconds to 66 seconds and incremental builds from 55 seconds to 22 seconds on the React Native website, with results varying by site configuration.

### Source excerpt

We are happy to announce Docusaurus 3.2.

## Announcing Vue 3.4

DevFeed: [Announcing Vue 3.4](<https://devfeed.tech/articles/announcing-vue-3-4-3010.md>)

Original publisher: [Read original article](<https://blog.vuejs.org/posts/vue-3-4>)

Published: 2023-12-28T00:00:00Z

Content type: release

Language: en

Sources: [The Vue Point](<https://devfeed.tech/sources/the-vue-point.md>)

Topics: [Vue.js](<https://devfeed.tech/topics/vue.md>), [Parser](<https://devfeed.tech/topics/parser.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [API](<https://devfeed.tech/topics/api.md>), [changelog](<https://devfeed.tech/topics/changelog.md>)

Tags: [build-performance](<https://devfeed.tech/tags/build-performance.md>), [changelog](<https://devfeed.tech/tags/changelog.md>), [ecosystem](<https://devfeed.tech/tags/ecosystem.md>), [features](<https://devfeed.tech/tags/features.md>), [nuxt](<https://devfeed.tech/tags/nuxt.md>), [release](<https://devfeed.tech/tags/release.md>), [update](<https://devfeed.tech/tags/update.md>), [vite](<https://devfeed.tech/tags/vite.md>), [vue](<https://devfeed.tech/tags/vue.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Vue 3.4, named "Slam Dunk," introduces a rewritten template parser that is twice as fast, a more accurate and efficient reactivity system, and several API improvements including stabilized defineModel and same-name prop-binding shorthand. The release also improves Vue SFC compilation performance and benefits related tooling and community plugins.

### Source excerpt

Today we're excited to announce the release of Vue 3.4 "🏀 Slam Dunk"! This release includes some substantial internal improvements - most notably a rewritten template parser that is 2x faster, and a refactored reactivity system that makes effect triggering more accurate and efficient. It also packs a number of quality-of-life API improvements, including the stabilization of defineModel and a new same-name shorthand when binding props. This post provides an overview of the highlighted features in 3.4. For the full list of changes, please consult the full changelog on GitHub.

## Modern VS Code extension development tutorial: Building a secure extension

DevFeed: [Modern VS Code extension development tutorial: Building a secure extension](<https://devfeed.tech/articles/modern-vs-code-extension-development-tutorial-building-a-secure-extension-8020.md>)

Original publisher: [Read original article](<https://snyk.io/blog/modern-vs-code-extension-development-tutorial/>)

Author: Mdu Sibisi

Published: 2023-10-02T05:00:00Z

Content type: tutorial

Language: en

Sources: [Blog RSS Feed | Snyk](<https://devfeed.tech/sources/blog-rss-feed-snyk.md>)

Topics: [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [Visual Studio Code](<https://devfeed.tech/topics/visual-studio-code.md>), [Development](<https://devfeed.tech/topics/development.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [Git](<https://devfeed.tech/topics/git.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [awareness](<https://devfeed.tech/tags/awareness.md>), [blog](<https://devfeed.tech/tags/blog.md>), [building](<https://devfeed.tech/tags/building.md>), [cli](<https://devfeed.tech/tags/cli.md>), [code](<https://devfeed.tech/tags/code.md>), [developer](<https://devfeed.tech/tags/developer.md>), [development](<https://devfeed.tech/tags/development.md>), [draftdotdev](<https://devfeed.tech/tags/draftdotdev.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [extension](<https://devfeed.tech/tags/extension.md>), [git](<https://devfeed.tech/tags/git.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node](<https://devfeed.tech/tags/node.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vs-code](<https://devfeed.tech/tags/vs-code.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

This tutorial explains how to build a multifunctional VS Code extension. It introduces the required tools, project scaffolding with Yeoman and the VS Code Extension Generator, and recommended TypeScript and Webpack tooling.

### Source excerpt

In our first modern VS Code extension development blog post, we covered the basics of VS Code development, including the architecture and the various types you can create. This article will help you apply that knowledge by showing you how to create and code your very own VS Code extension.

## Evergreen Tooling -- More than Just CodeMods

DevFeed: [Evergreen Tooling -- More than Just CodeMods](<https://devfeed.tech/articles/evergreen-tooling-more-than-just-codemods-21402.md>)

Original publisher: [Read original article](<https://nx.dev/blog/evergreen-tooling-more-than-just-codemods>)

Author: Juri Strumpflohner

Published: 2023-07-26T00:00:00Z

Content type: article

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Tooling](<https://devfeed.tech/topics/tooling.md>), [Code](<https://devfeed.tech/topics/code.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [React](<https://devfeed.tech/topics/react.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [ecosystem](<https://devfeed.tech/tags/ecosystem.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [maintenance](<https://devfeed.tech/tags/maintenance.md>), [migrations](<https://devfeed.tech/tags/migrations.md>), [nx](<https://devfeed.tech/tags/nx.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [plugins](<https://devfeed.tech/tags/plugins.md>), [react](<https://devfeed.tech/tags/react.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [updates](<https://devfeed.tech/tags/updates.md>), [upgrades](<https://devfeed.tech/tags/upgrades.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

The article explains Nx's evergreen tooling approach, which automates migrations and updates JavaScript projects through plugins. It presents this approach as a way to keep tooling current, preserve compatibility, and reduce maintenance work.

### Source excerpt

Nx's evergreen tooling approach automates migrations, updates code like a database, and uses plugins for seamless JavaScript ecosystem upgrades with backward compatibility and reduced maintenance.

## Rspack -- Getting up to speed with Nx

DevFeed: [Rspack -- Getting up to speed with Nx](<https://devfeed.tech/articles/rspack-getting-up-to-speed-with-nx-21446.md>)

Original publisher: [Read original article](<https://nx.dev/blog/rspack-getting-up-to-speed-with-nx>)

Author: Juri Strumpflohner

Published: 2023-03-10T00:00:00Z

Content type: article

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Webpack](<https://devfeed.tech/topics/webpack.md>), [React](<https://devfeed.tech/topics/react.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Cypress](<https://devfeed.tech/topics/cypress.md>)

Tags: [cypress](<https://devfeed.tech/tags/cypress.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [jest](<https://devfeed.tech/tags/jest.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [nx](<https://devfeed.tech/tags/nx.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>), [rust](<https://devfeed.tech/tags/rust.md>), [tooling](<https://devfeed.tech/tags/tooling.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Nx integrates Rspack, a Rust-based rewrite and alternative to Webpack, to provide a streamlined setup for React applications. The article describes Rspack's performance-focused architecture and reports that ByteDance saw 5- to 10-fold compilation improvements in some internal applications. Nx's plugin also supports TypeScript, ESLint, Jest, optional Vite, Cypress, caching, generators, migrations, and editor extensions.

### Source excerpt

Explore Nx's integration with Rspack, the Rust-based Webpack alternative that offers 5-10x faster compilation for React apps in your monorepo.

## Trim your JavaScript bundles with Firestore Lite

DevFeed: [Trim your JavaScript bundles with Firestore Lite](<https://devfeed.tech/articles/trim-your-javascript-bundles-with-firestore-lite-16509.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2023/03/trim-javascript-bundles-firestore-lite>)

Author: Christina Holland

Published: 2023-03-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firestore](<https://devfeed.tech/topics/firestore.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [npm](<https://devfeed.tech/topics/npm.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [firebase](<https://devfeed.tech/tags/firebase.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [npm](<https://devfeed.tech/tags/npm.md>), [sdks](<https://devfeed.tech/tags/sdks.md>), [web](<https://devfeed.tech/tags/web.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

This tutorial explains how to reduce JavaScript bundle size by using Firestore Lite for initial, one-time data loads and loading the full Firestore SDK later when real-time updates are needed. Its demo apps report bundle-size reductions of over 70% and initial load-time reductions by half.

### Source excerpt

A lightweight, standalone REST-only Firestore SDK at a fraction of the regular Web SDK size.

## Next.js 13.2

DevFeed: [Next.js 13.2](<https://devfeed.tech/articles/next-js-13-2-3180.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-13-2>)

Author: Tim Neutkens

Published: 2023-02-23T18:00:00Z

Content type: release

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Search engine optimization (SEO)](<https://devfeed.tech/topics/seo.md>), [App](<https://devfeed.tech/topics/app.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [API](<https://devfeed.tech/topics/api.md>), [React](<https://devfeed.tech/topics/react.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Cache](<https://devfeed.tech/topics/cache.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cache](<https://devfeed.tech/tags/cache.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [rust](<https://devfeed.tech/tags/rust.md>), [seo](<https://devfeed.tech/tags/seo.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 13.2 introduces major improvements to the App Router, including a Metadata API for static and dynamic SEO metadata, custom Route Handlers, MDX support for Server Components, type-safe links, Turbopack improvements, and caching changes.

### Source excerpt

Next.js 13.2 introduces major improvements to the App Router in preparation for stability, including SEO support, Route Handlers, MDX for Server Components, Type-Safe Links, and more.

## Setup React and Tailwind -- The Easy Way

DevFeed: [Setup React and Tailwind -- The Easy Way](<https://devfeed.tech/articles/setup-react-and-tailwind-the-easy-way-21449.md>)

Original publisher: [Read original article](<https://nx.dev/blog/setup-react-and-tailwind-the-easy-way>)

Author: Juri Strumpflohner

Published: 2023-02-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [Code](<https://devfeed.tech/topics/code.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [migration](<https://devfeed.tech/topics/migration.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [configuration](<https://devfeed.tech/tags/configuration.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [generators](<https://devfeed.tech/tags/generators.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [migration](<https://devfeed.tech/tags/migration.md>), [nx](<https://devfeed.tech/tags/nx.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>), [vite](<https://devfeed.tech/tags/vite.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

A tutorial on setting up React with Tailwind CSS using Nx code generators. It covers creating an Nx-based React project, configuring Tailwind and related CSS tooling, and migrating Create React App projects to Nx with Vite or Webpack.

### Source excerpt

Learn how to quickly set up React with Tailwind CSS using Nx's code generators, including migration from Create React App and automated configuration tools.

## Testing API Calls With React Testing Library and Jest

DevFeed: [Testing API Calls With React Testing Library and Jest](<https://devfeed.tech/articles/testing-api-calls-with-react-testing-library-and-jest-37594.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/how-to-test-useeffect-api-call/>)

Author: hello@taniarascia.com

Published: 2022-12-09T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [testing-library](<https://devfeed.tech/topics/testing-library.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [React](<https://devfeed.tech/topics/react.md>), [API](<https://devfeed.tech/topics/api.md>), [Jest](<https://devfeed.tech/topics/jest.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [asynchronous](<https://devfeed.tech/tags/asynchronous.md>), [jest](<https://devfeed.tech/tags/jest.md>), [react](<https://devfeed.tech/tags/react.md>), [testing](<https://devfeed.tech/tags/testing.md>), [testing-library](<https://devfeed.tech/tags/testing-library.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

A tutorial showing how to test React useEffect API calls with Jest and React Testing Library, including tests for successful and failed requests.

### Source excerpt

Ever since Hooks were released in React, we've been using the hook to fetch data, whether directly or abstracted away behind Redux Thunks...

## Introducing the Spin JavaScript and TypeScript SDK

DevFeed: [Introducing the Spin JavaScript and TypeScript SDK](<https://devfeed.tech/articles/introducing-the-spin-javascript-and-typescript-sdk-15356.md>)

Original publisher: [Read original article](<https://www.fermyon.com/blog/spin-js-sdk>)

Author: Joel Dice

Published: 2022-12-08T02:00:00Z

Content type: release

Language: en

Sources: [Fermyon - Experience the next wave of cloud computing.](<https://devfeed.tech/sources/fermyon-experience-the-next-wave-of-cloud-computing.md>)

Topics: [SDKs](<https://devfeed.tech/topics/sdks.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Serverless](<https://devfeed.tech/topics/serverless.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [sdk](<https://devfeed.tech/tags/sdk.md>), [serverless](<https://devfeed.tech/tags/serverless.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

The Spin JavaScript and TypeScript SDK enables developers to build rich serverless applications with familiar tools including NPM, Webpack, and React.

### Source excerpt

The Spin JavaScript and TypeScript SDK enables developers to build rich serverless applications using familiar tools like NPM, Webpack, React, and more.

## Next.js 13

DevFeed: [Next.js 13](<https://devfeed.tech/articles/next-js-13-3176.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-13>)

Author: Tim Neutkens

Published: 2022-10-25T16:00:00Z

Content type: release

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Routing (disambiguation)](<https://devfeed.tech/topics/routing.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Rust](<https://devfeed.tech/topics/rust.md>)

Tags: [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [routing](<https://devfeed.tech/tags/routing.md>), [rust](<https://devfeed.tech/tags/rust.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [ui](<https://devfeed.tech/tags/ui.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 13 introduces the app directory with layouts, React Server Components, streaming, improved routing, and support for component-level data fetching. It also adds Turbopack, an improved image component, and automatic self-hosted fonts, while simplifying the API.

### Source excerpt

Next.js 13 introduces layouts, React Server Components, and streaming in the app directory, as well as Turbopack, an improved image component, and the brand new font component.

## Exporting Node Modules in 2022

DevFeed: [Exporting Node Modules in 2022](<https://devfeed.tech/articles/exporting-node-modules-in-2022-26220.md>)

Original publisher: [Read original article](<https://medium.com/groupon-eng/exporting-node-modules-in-2022-e8fd97f0f5a9?source=rss----5c13a88f9872---4>)

Author: David Bushong

Published: 2022-09-01T20:01:47Z

Content type: tutorial

Language: en

Sources: [Groupon Engineering -- Medium](<https://devfeed.tech/sources/groupon-engineering-medium.md>)

Topics: [CommonJS](<https://devfeed.tech/topics/commonjs.md>), [npm](<https://devfeed.tech/topics/npm.md>), [ECMAScript](<https://devfeed.tech/topics/ecmascript.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [import](<https://devfeed.tech/topics/import.md>)

Tags: [babel](<https://devfeed.tech/tags/babel.md>), [commonjs](<https://devfeed.tech/tags/commonjs.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [import](<https://devfeed.tech/tags/import.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [node](<https://devfeed.tech/tags/node.md>), [npm](<https://devfeed.tech/tags/npm.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

This tutorial explains CommonJS and native ES Module exports in Node.js, including how modules can be imported across module systems. It also compares the output of Babel, Webpack, and TypeScript with native Node.js module behavior, highlighting compatibility concerns and TypeScript's non-standard export syntax.

### Source excerpt

Groupon maintains literally hundreds of NPM modules, both open source and internal. Many of these are consumed by our custom NodeJS-based middleware web layer we call "The Interaction Tier" (itself a topic for another post someday). As folks write new modules, a common question is "what's the best way to export things from our published modules to maximize compatibility?" -- and that is the topic of this post. First, some background and history: Flavors of exported modulesCommonJS in Node In the beginning, there was CommonJS: Here are 3 sample files with exports: // export1.js - exporting individual properties w/ CommonJS 'use strict';function foo() { } exports.foo = foo; exports.bar = 42;// export2.js - exporting a single object w/ CommonJS 'use strict';function baz() { } const garply = 88; module.exports = { baz }; // dynamically (conditionally!) exported! if (Math.random() > 0.5) module.exports.garply = garply;// export3.js - exporting a bare function w/ CommonJS 'use strict';function quux() { } module.exports = quux;// sometimes there are extra properties added to the bare function quux.yadda = 42; Those CommonJS exports can be imported either into other CommonJS files or into ES Module (more on that below) files: // import.js - importing CommonJS modules into a CJS file 'use strict';const { foo, bar } = require('./export1'); const { baz, garply } = require('./export2'); if (Math.random > 0.9) { // can also dynamically decide when to import const quux = require('./export3'); // can poke into properties tacked onto functions const { yadda } = require('./export3'); }// import.mjs - importing CommonJS modules into an ESM file // node is willing to turn exported objects into named exports import { foo, bar } from './export1.js'; import { baz, garply } from './export2.js'; import quux from './export3.js'; // cannot access added property "yadda" directly; hence: const { yadda } = quux; You can read more elsewhere, but the key features are: The module files are synchron

## React Labs: What We've Been Working On - June 2022

DevFeed: [React Labs: What We've Been Working On - June 2022](<https://devfeed.tech/articles/react-labs-what-we-ve-been-working-on-june-2022-2971.md>)

Original publisher: [Read original article](<https://react.dev/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022>)

Author: Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbage, and Xuan Huang

Published: 2022-06-15T00:00:00Z

Content type: article

Language: en

Sources: [React Blog](<https://devfeed.tech/sources/react-blog.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [async/await](<https://devfeed.tech/topics/async-await.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [Streaming](<https://devfeed.tech/topics/streaming.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>)

Tags: [apis](<https://devfeed.tech/tags/apis.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [insights](<https://devfeed.tech/tags/insights.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [streaming](<https://devfeed.tech/tags/streaming.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vite](<https://devfeed.tech/tags/vite.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

The React team shares research updates following the React 18 release, including work on React Server Components, async/await-based data fetching, boundary annotations, cross-ecosystem bundler semantics, and APIs for coordinating external assets across React environments.

### Source excerpt

React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we've learned is that it's frustrating for the community to wait for new features without having insight into these paths that we're exploring.

## React Labs: What We've Been Working On - June 2022

DevFeed: [React Labs: What We've Been Working On - June 2022](<https://devfeed.tech/articles/react-labs-what-we-ve-been-working-on-june-2022-22348.md>)

Original publisher: [Read original article](<https://reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html>)

Published: 2022-06-15T00:00:00Z

Content type: article

Language: en

Sources: [React](<https://devfeed.tech/sources/react.md>)

Topics: [React](<https://devfeed.tech/topics/react.md>), [async/await](<https://devfeed.tech/topics/async-await.md>), [Shopify](<https://devfeed.tech/topics/shopify.md>), [Vercel](<https://devfeed.tech/topics/vercel.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [async](<https://devfeed.tech/tags/async.md>), [await](<https://devfeed.tech/tags/await.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [react](<https://devfeed.tech/tags/react.md>), [release](<https://devfeed.tech/tags/release.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [vercel](<https://devfeed.tech/tags/vercel.md>), [vite](<https://devfeed.tech/tags/vite.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

A June 2022 React Labs update describes ongoing research following the React 18 release, including experimental React Server Components. The React team discusses adopting async/await, annotating boundaries, coordinating bundler semantics across Webpack and Vite with Vercel and Shopify, and improving asset loading APIs. The projects had no firm timelines and might change or never ship in their current form.

### Source excerpt

This blog site has been archived. Go to react.dev/blog to see the recent posts. React 18 was years in the making, and with it brought valuable lessons for the React team. Its release was the result of many years of research and exploring many paths. Some of those paths were successful; many more were dead-ends that led to new insights. One lesson we've learned is that it's frustrating for the community to wait for new features without having insight into these paths that we're exploring. We typically have a number of projects being worked on at any time, ranging from the more experimental to the clearly defined. Looking ahead, we'd like to start regularly sharing more about what we've been working on with the community across these projects. To set expectations, this is not a roadmap with clear timelines. Many of these projects are under active research and are difficult to put concrete ship dates on. They may possibly never even ship in their current iteration depending on what we learn. Instead, we want to share with you the problem spaces we're actively thinking about, and what we've learned so far. Server Components We announced an experimental demo of React Server Components (RSC) in December 2020. Since then we've been finishing up its dependencies in React 18, and working on changes inspired by experimental feedback. In particular, we're abandoning the idea of having forked I/O libraries (eg react-fetch), and instead adopting an async/await model for better compatibility. This doesn't technically block RSC's release because you can also use routers for data fetching. Another change is that we're also moving away from the file extension approach in favor of annotating boundaries. We're working together with Vercel and Shopify to unify bundler support for shared semantics in both Webpack and Vite. Before launch, we want to make sure that the semantics of RSCs are the same across the whole React ecosystem. This is the major blocker for reaching stable. Asset Loa

## Optimising BBC Online's Code Splitting Strategy

DevFeed: [Optimising BBC Online's Code Splitting Strategy](<https://devfeed.tech/articles/optimising-bbc-online-s-code-splitting-strategy-19174.md>)

Original publisher: [Read original article](<https://medium.com/bbc-product-technology/optimising-bbc-onlines-code-splitting-strategy-eb17172dea44?source=rss----ccd524e1760a---4>)

Author: Matt Williams

Published: 2022-05-30T15:21:09Z

Content type: article

Language: en

Sources: [BBC](<https://devfeed.tech/sources/bbc.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Code](<https://devfeed.tech/topics/code.md>), [Website](<https://devfeed.tech/topics/website.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [code-splitting](<https://devfeed.tech/tags/code-splitting.md>), [frameworks](<https://devfeed.tech/tags/frameworks.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [performance](<https://devfeed.tech/tags/performance.md>), [react](<https://devfeed.tech/tags/react.md>), [webpack](<https://devfeed.tech/tags/webpack.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

This article explains BBC Online's code-splitting strategy for a large JavaScript website. It describes how splitting code into separate files can support parallel downloads and limit page-specific code to the pages that need it, while noting that excessive fragmentation can cause problems. The article says BBC Online's Presentation Layer had outgrown its existing strategy and introduces its use of shared core bundles.

### Source excerpt

Photo by Sen on Unsplash Modern JavaScript websites are the result of complex code bases, and the code base which powers BBC Online is no exception. There are many dependencies and frameworks that we rely upon in order to provide the functionality that our end-users expect, as well as code written in-house to cater to the needs of our website and its users; being able to click a button to follow a topic, search for content and play videos all require JavaScript code to be run by the browser. For a website as large and with as many seemingly disparate needs as the BBC's various pages, the amount of code required can grow exponentially. The code needed to render a news article - with images, social media embeds, videos and onward journeys - has only small elements of commonality with the code required to power complex sports data tables - with team badges, functionality to hide or show columns based on the screen width of the user's device, display a team's form, or provide live in-page updates for events that are happening live. As such, it has long been the practice of the JavaScript community to implement code splitting. Rather than providing all of our JavaScript and dependencies into a single large file to be downloaded by the user, we can split our code into separate files. This can provide advantages on two fronts; downloading multiple smaller files can be more efficient when devices can start those downloads in parallel (though going too far and downloading too many small files can cause problems itself!), and the way that we choose to split our files can mean that some only need to be downloaded on certain pages. It is this second benefit which can be most powerful; if you have a large piece of code on your site that is only needed for a single page, then forcing users to download that code on every page is wasteful, and can cause problems for users who might have limits on the amount of data they can download on their network. We have been using code splitti

## Docusaurus 2021 Recap

DevFeed: [Docusaurus 2021 Recap](<https://devfeed.tech/articles/docusaurus-2021-recap-40933.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/2022/01/24/docusaurus-2021-recap>)

Author: sidachen2003@gmail.com (Joshua Chen)

Published: 2022-01-24T00:00:00Z

Content type: article

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [GitHub](<https://devfeed.tech/topics/github.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [npm](<https://devfeed.tech/topics/npm.md>), [test-coverage](<https://devfeed.tech/topics/test-coverage.md>), [Search engine optimization (SEO)](<https://devfeed.tech/topics/seo.md>)

Tags: [build-performance](<https://devfeed.tech/tags/build-performance.md>), [github](<https://devfeed.tech/tags/github.md>), [npm](<https://devfeed.tech/tags/npm.md>), [recap](<https://devfeed.tech/tags/recap.md>), [seo](<https://devfeed.tech/tags/seo.md>), [test-coverage](<https://devfeed.tech/tags/test-coverage.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

A recap of Docusaurus's 2021 development, covering feature releases, build and accessibility improvements, blog and documentation enhancements, TypeScript migration, test coverage, package-size reduction, adoption trends, and GitHub project growth.

### Source excerpt

Docusaurus has made great progress in 2021! We've seen a lot of traction and just crossed 30k stars on GitHub!

## Introducing Nuxt 3 Beta

DevFeed: [Introducing Nuxt 3 Beta](<https://devfeed.tech/articles/introducing-nuxt-3-beta-3416.md>)

Original publisher: [Read original article](<https://nuxt.com/blog/nuxt3-beta>)

Published: 2021-10-11T00:00:00Z

Content type: release

Language: en

Sources: [The Nuxt Blog](<https://devfeed.tech/sources/the-nuxt-blog.md>)

Topics: [Nuxt.js](<https://devfeed.tech/topics/nuxt.md>), [Vite](<https://devfeed.tech/topics/vite.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>), [Serverless](<https://devfeed.tech/topics/serverless.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Workers](<https://devfeed.tech/topics/workers.md>)

Tags: [bugs](<https://devfeed.tech/tags/bugs.md>), [community](<https://devfeed.tech/tags/community.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [github](<https://devfeed.tech/tags/github.md>), [nuxt](<https://devfeed.tech/tags/nuxt.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [pull-requests](<https://devfeed.tech/tags/pull-requests.md>), [release](<https://devfeed.tech/tags/release.md>), [serverless](<https://devfeed.tech/tags/serverless.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [vite](<https://devfeed.tech/tags/vite.md>), [vue](<https://devfeed.tech/tags/vue.md>), [webpack](<https://devfeed.tech/tags/webpack.md>), [workers](<https://devfeed.tech/tags/workers.md>)

### AI overview

Nuxt 3 is being released as open-source beta software after more than a year of development. It supports Vue 3 and Vite, introduces a new server engine for full-stack applications, and produces portable output for Node.js, serverless, Workers, Edge-side rendering, or static deployment. The article cautions that the beta is not ready for production.

### Source excerpt

468 days after the first commit, the Nuxt 3 beta has finally arrived. Discover what's inside and what to expect from it. Yes, it includes Vue 3 and Vite ⚡

## The new Firebase JS SDK is now GA

DevFeed: [The new Firebase JS SDK is now GA](<https://devfeed.tech/articles/the-new-firebase-js-sdk-is-now-ga-16401.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2021/08/the-new-firebase-js-sdk-now-ga>)

Author: David East

Published: 2021-08-25T00:00:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [npm](<https://devfeed.tech/topics/npm.md>)

Tags: [firebase](<https://devfeed.tech/tags/firebase.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [js-sdk](<https://devfeed.tech/tags/js-sdk.md>), [launch](<https://devfeed.tech/tags/launch.md>), [npm](<https://devfeed.tech/tags/npm.md>), [release](<https://devfeed.tech/tags/release.md>), [sdk](<https://devfeed.tech/tags/sdk.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [web](<https://devfeed.tech/tags/web.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Firebase JS SDK version 9 is generally available. It introduces a module-first, functional API designed to enable tree shaking and reduce JavaScript bundle sizes, with reported reductions of up to 80% in some scenarios. The release includes breaking changes and a compatibility library to support gradual upgrades.

### Source excerpt

News, tutorials, and updates from the Firebase team.

[Next page](<https://devfeed.tech/tags/webpack.md?cursor=WyIyMDIxLTA4LTI1VDAwOjAwOjAwKzAwOjAwIiwgImQ3YjY0ZmIzLTA5MWMtNDkxMS1iMzQ2LTBlNzdiZmExM2JjNiJd>)