Our software engineers at Sprout Social care deeply about the product we deliver to our customers everyday. We obsess over minor details and love discussing the best way to engineer features. We are never 100% satisfied with our work and are constantly looking for ways to improve our skill set.
But before we dig into the exciting future, let’s recap the past.
So How Do We Do It?
Another tool that is critical for our leap into the future is Webpack. Webpack is a module bundler that has become crucial to our build process. You may recall that Modules are my favorite new feature, but they require some heavy lifting. Since browsers don’t understand how modules rely on each other, we need an automated process to sort all of that out. Webpack does this beautifully. It creates a dependency tree of all of our module code so that it can intelligently bundle it together. Bundling is important because it packages our code into bundles to lessen the amount of requests the browser has to make. With the introduction of Webpack, which plays very nicely with Babel, we are able to separate our code into modules, which leads to better reuse and easier maintainability.
Another great feature of Webpack is its ability to integrate third-party libraries as modules. This opens a whole new realm of possibilities for us as we were eager to adopt the React library as a module. React is quickly becoming the popular choice to build UI components. It brings the idea of modular code to the view layer. For example, when we create a datepicker in our reporting section, we can easily reuse it in our publishing section. Since everything is in modules, we can be confident that the two instances can run consistent to our design yet independently of each other.
Everyone Wins in the End
Travis McWilliam: Travis McWilliam is a Chapter Manager on Sprout Social’s Engineering Team and has been in Chicago’s web engineering scene for over a decade. He’s an avid Cubs fan, new dad and loves soaking in all Chicago has to offer via his scooter.