Why and how to transpile dependencies of your JavaScript application

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Svelte

    Cybernetically enhanced web apps

  • svelte (uses modern features of JavaScript such as arrow functions)

  • optimize-plugin

    Optimized Webpack Bundling for Everyone. Intro ⤵️

  • Meet optimize-plugin for webpack by Jason Miller from Google (@_developit). It will take care of everything and even more:

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • babel-preset-modernize

  • Smaller bundle size is possible thanks to babel-preset-modernize. Chances are that you use ES6+ features in your application’s code but you never can predict which features are used in the source code of the dependencies. Since optimize-plugin works with the bundle that already has the code of all dependencies, it can transpile it as a whole.

  • optimize-plugin-demo

  • The total bundling time with optimize-plugin is 7.6 s. As you can see, optimize-plugin is not only faster than babel-loader, but it also produces a smaller bundle. You can check my results using the code from my optimize-plugin-demo repository.

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

  • If you’re a web developer, I’m sure that you use bundlers (e.g., Webpack, Rollup, or Parcel) which transpile the JavaScript code of your application with Babel under the hood. No doubt that you also use various dependencies to cut off the development time.

  • parcel

    The zero configuration build tool for the web. 📦🚀

  • If you’re a web developer, I’m sure that you use bundlers (e.g., Webpack, Rollup, or Parcel) which transpile the JavaScript code of your application with Babel under the hood. No doubt that you also use various dependencies to cut off the development time.

  • babel-sublime

    Syntax definitions for ES6 JavaScript with React JSX extensions.

  • If you’re a web developer, I’m sure that you use bundlers (e.g., Webpack, Rollup, or Parcel) which transpile the JavaScript code of your application with Babel under the hood. No doubt that you also use various dependencies to cut off the development time.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts