Awesome Lists

awesome-babel

by babel

awesome listpushed about 2 years ago

😎A list of awesome Babel plugins, presets, etc.

AI summary

JavaScript optimizer

A curated collection of Babel plugins and presets for optimizing JavaScript code

stars
867
forks
47
watching
34
awesome list
1
entries
73
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/babel/awesome-babel/links.svg)](https://awesome.facts.dev/awesome/babel/awesome-babel)
HTML
<a href="https://awesome.facts.dev/awesome/babel/awesome-babel"><img src="https://awesome.facts.dev/shield/babel/awesome-babel/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/babel/awesome-babel/links.svg

What's in the list

73 links in 12 sections, with live GitHub stats.activeno commit in 2y

Parsers

Plugins / General Plugins

  • external-helpers

    Moves helper functions to a single imported module

  • fast-async

    Uses nodent to compile async/await to fast Promise output

  • feature-flags

    Helper for managing application feature flags

  • idx

    library + babel plugin for a existential function

  • transform-builtin-extend

    Enable extending builtin types like and , which require special treatment and require static analysis to detect

  • console-source

    Prepends the file name and line numbers for all console commands

  • version

    Babel plugin replace defined identifier to pkg.version

  • babel-plugin-debug-tools

    Babeljs Debug Tools helps you insert debug code and easely remove it when deploy to production

Plugins / Module Resolution

  • lodash

    Cherry-picks Lodash modules so you don’t have to

  • ramda

    Cherry-picks Ramda modules so you don’t have to

  • module-resolver

    Custom module resolver

  • root-import

    Import modules from the root with syntax

  • webpack-alias

    Allows you to use webpack aliases and most of webpack resolve features in Babel

  • hash-resolve

    Allows you to use instead of , the number of needed is worked out by the plugin

  • rewrite-module-path

    Rewrite module resolving path

Plugins / React

Plugins / Internationalization

  • c-3po

    Localization tool based on es6 template literals

  • react-intl

    Extracts string messages for translation from modules that use

  • localize

    Modify static jsx text and string attributes with function call. 🔧

Plugins / Types

  • flow-runtime

    Turns Flow annotations into runtime checks. Part of

  • tcomb

    Turns Flow annotations into typechecks with

  • jsdoc-to-assert

    Turns JSDoc into runtime checks

  • runtyper

    Detects type-mismatch operations in runtime without annotations

Plugins / Testing

  • espower

    Annotates call sites for descriptive messages when using

  • istanbul

    Instruments your code with Istanbul coverage

  • rewire

    Adds the ability to rewire module dependencies. This enables to mock modules for testing purposes

Plugins / Optimization

Plugins / Syntax Sugar

  • implicit-return

    Transforms last statement in a function block to a return statement

  • transform-iota

    Golang-style . 🔧

  • offside-js

    Coffeescript-like indented block syntax hack. 🔧🚧

  • trace

    Syntax shortcuts for console logging

  • meaningful-logs

    Adds file name and line number of caller to calls

  • implicit-function

    Implicit functions via operator, transforming, for example, in

  • function-composition

    Function piping and composition via operator, for example,

  • auto-await

    Automatically every in functions

Plugins / Alternative Programming Paradigms

  • macros

    Hygienic, non-syntactic macros. 🔧

  • contracts

    Design by Contract; Includes preconditions, postconditions, and invariant conditions

  • transform-scala-lambda

    Enable Scala-style lambdas (using ). 🔧

  • partial-application

    Scala/Kotlin-esque partial application syntax for JavaScript (using ). 🔧

  • overload

    Allow overloading default operators like or for specific classes. 🔧🚧

  • babel-macros

    Enables zero-config, importable babel plugins

  • holes

    Holes (like Scala and Elixir) to help point-free programming, using operators as functions. 🔧

Presets

  • env

    which includes transforms based on the specified environment (browsers, node, electron, etc)

  • React

    Babel preset for all React plugins

  • React Optimize

    A Babel preset and plugins for optimizing React code

Tooling

  • babel-watch

    Reloads a node app on file changes

  • babel-time-travel

    Time travel through babel transformations one by one

  • react-ast

    Render babel ASTs with react

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.