The Dark Art of Bundlers
summary
Explains a working experiment that replaces Metro packager with webpack and an Express server, listing the actual hacks: transpiling node_modules, supporting Facebook haste maps, source map consumer stack traces, and the WebSocket proxy used for Chrome debugging. Reports a seven second cold bundle then red screens from missing middleware, then implements live-reload, error mapping, and debugger handlers so it actually works. Claims Haul as a drop-in alternative focused on pluggability and cross‑platform tooling while preserving React Native developer UX.
AI-written summary · about
chapters (12)
- 0:00Start
- 0:06INFINITE RED
- 0:46What is a bundler?
- 5:02Code splitting
- 5:39Code minification
- 7:35Is React Native web alike?
- 8:21Webpack config!
- 12:43Introducing: Packager
- 14:13Looking for connection
- 16:23Live reload middleware
- 25:31Webpack is awesome!
- 27:20Make Haul a platform
related talks
29mBuilding Universal Windows Apps with React Native
23mBuilding JavaScript bundles for React Native
36mThe sorcery of building a cross platform Design System architecture
44mNode & Express as Workflow Tools
37mMicro Frontends for Mobile
24mMaking small modules actually work with webpack and npm
38mBuilding Universal Apps
29mBuilding of Snack The React Native Playground