Best of Webpack — 2022
- 1
- 2
LogRocket·4y
Micro-frontend with React and Next.js
The bottom line is that you should split your project up so that the user experience won't be disturbed. It should look like this: We have to expose our component to make it globally available for another micro-frontend. We will use the exported component of fe1 and the function of fe2. Let’s treat fe3 as a consumer. Let's treat fe2 as a customer. Let�’S treat fe1 as a consumers.
- 3
Vercel·4y
Introducing Turbopack: Rust-based successor to Webpack – Vercel
Turbopack: Rust-based successor to Webpack Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. It's built on a new incremental architecture for the fastest possible development experience.
- 4
JavaScript in Plain English·4y
Time to Say Goodbye to Webpack?
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite is opinionated and comes with sensible defaults out of the box, but is also highly extensible via its plugin API and JavaScript API with full typing support.
- 5
Community Picks·4y
Make your React apps fast again
Profiler can help you improve performance of a React application. We will go over ways to improve the performance of an app, including some pre-optimization techniques. We can use the Profiler in the React DevTools to measure performance of our apps. To use the profiler, you must Some are asynchronous, such as background HTTP calls, while others occur by user or You.
- 6
- 7
Vite 3.0 vs. Create React App
Vite is built on top of esbuild, a JavaScript bundler written in Go, which bundles dependencies 10-100 times faster than JavaScript-based bundlers. Vite leverages the browser’s native ESM to parse and compile your code as the browser requests it. The browser only needs to pre-bundle your dependencies.
- 8
Hashnode·4y
Introduction to Vite: The Next Generation Frontend Tooling
Vite is the next generation frontend tooling. It is a solution to slow server starts because it uses native ESM to serve code. Most tools like webpack, Parcel and Rollup are bundle-based. This means the code has to be completely bundled before it can be served. Vite only needs to transform and serve source code on demand.
- 9
- 10
- 11
asayer·3y
Getting started with Vite
Vite serves your code via native ES module imports during development and bundles it with Rollup for production. Vite is a lightning-fast cold server start and offers instant hot module replacement and true on-demand compilation. It is also highly extensible via its plugin API and JavaScript API with full typing support.
- 12
- 13
Top 5 alternatives to Webpack
Webpack is a free and open-source module bundler for JavaScript applications. It is used to bundle JS files for usage in a web browser, and it can transform front-end assets such as HTML, CSS, and images if corresponding loaders are included. Webpack works by processing your application and internally building a dependency graph.
- 14
- 15
Auth0·4y
Testing React Applications with Jest
MockingJest allows you to mock objects in your test files. You can turn on automatic mocking with automock which will mock every component/object that the component is part of your project. For the first test, we'll write a simple test that ensures that Jest was set up correctly and that it can run a test successfully.
- 16
Modern, faster alternatives to ESLint
In this article, we will look at specific open source libraries that either serve as alternatives to ESLint or can be integrated with ESLint. Some of these libraries are built to outright replace ESLint and improve on aspects such as performance or developer experience. We’ll focus on libraries that work well within the JavaScript ecosystem.
- 17
