Webpack is a module bundler for modern JavaScript applications. It takes modules with dependencies and generates static assets representing those modules. Webpack provides a unified approach to bundling, transforming, and loading all of your project's static assets. It allows you to write modular code and bundle it together into small packages to optimize load time. Webpack also provides plugins and loaders that allow you to preprocess, minify, and transpile your code so it can run in different environments.
TypeScript Congress 2023TypeScript Congress 2023
31 min
Publishing TS Libraries for Fun and Profit
Publishing libraries to NPM is easy - just `tsc
npm publish` and you're done, right?
Whoops, you forgot proper ESM compat. And a user is asking for a UMD build. And it doesn't work in Webpack 4. And `moduleResolution: "node16"` can't find the types.
Publishing libraries today is _complicated_. We'll take a look at the many problems and questions you should consider when publishing a package, and some hard-earned possible answers to those questions.type
React Summit 2022React Summit 2022
9 min
The Only Way to Eat an Elephant - Code Splitting With Server Side Rendering
Code splitting is a way to optimize the performance of our app by shipping less code to the end users. The most common form of code splitting is to use dynamic imports after a user interaction. In our case, we’re going to talk about conditionally loading only the parts of the application that we need during server side rendering. We’re going to discuss the problems and the solutions, so you could try it out in your own project.