TechPrufer
Get started
Dropbox
Dropbox logoDropbox · Feature trail

JavaScript Utility Library Modernization

1 post · Sep 2018

What this trail covers

Dropbox has undertaken a strategic initiative to modernize its front-end JavaScript utility libraries. This includes migrating from older, unmaintained libraries like Underscore to actively developed and optimized alternatives like Lodash. The process involves creating custom, tree-shaken bundles of these libraries to minimize size and improve performance, integrating them into the existing build toolchain (Bazel), and managing type definitions for seamless developer experience. This effort aims to improve code maintainability, developer productivity, and overall web application performance.

All Dropbox trails
  1. Migrating from Underscore to LodashThis post details the migration of Dropbox's core web application from the Underscore.js utility library to Lodash. The migration strategy involved creating a Web Enhancement Proposal (WEP) for community alignment, researching necessary Lodash functions, and developing a custom, tree-shaken Lodash bundle using Webpack and lodash-webpack-plugin. Challenges in integrating with Bazel, handling TypeScript typings, and managing minification/source maps were addressed. The process also involved adapting the build to include necessary Lodash shorthands by using LodashModuleReplacementPlugin.