Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-babel
πA list of awesome Babel plugins, presets, etc.
https://github.com/babel/awesome-babel
Last synced: 29 minutes ago
JSON representation
-
Presets
-
Alternative Programming Paradigms
- env - **The recommended preset** 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
-
Alternative Programming Paradigms
- react-ast - Render babel ASTs with react
- babel-watch - Reloads a node app on file changes.
-
-
Plugins
-
React
- transform-react-jsx-self - Adds a `__self` property to JSX tags for debugging. Don't use in production. [More info](https://github.com/babel/babel/pull/3540)
- transform-react-constant-elements - Hoist elements that can be marked as constant to the highest scope for reuse.
- transform-react-inline-elements - Replaces `React.createElement()` with a helper that is more optimized for production.
- React Transform - Instrument React components with custom transforms.
- react-require - Adds React import declaration if file contains JSX tags.
- transform-react-remove-prop-types - Removes unnecessary React propTypes from the production build.
- react-hyperscript - HyperScript syntax for React components without runtime overhead.
- react-import-extends - Extends `Component` if a class renders a JSX element, also adds `import` statement if it detects a JSX component in the file.
- babel-plugin-transform-react-class-to-function - Transforms React class components into a function, if possible.
- babel-plugin-hoist-facc - Transforms function as child components to hoist the children function to highest scope.
- react-hiccup - Hiccup syntax for React components.
- babel-plugin-framer-x - Removes Framer X markup from your components. Lets you use Framer X components in a Storybook or real application.
- babel-plugin-react-directive - Use directive in React, for example, you can use `r-if`γ`r-for` in jsx just as `v-if`γ`v-for` in Vue.
- zacs - "styled components"-ish syntax without performance overhead
- babel-plugin-typescript-to-proptypes - Generate React PropTypes from TypeScript interfaces or type aliases.
-
Internationalization
- c-3po - Localization tool based on es6 template literals.
- react-intl - Extracts string messages for translation from modules that use [React Intl](https://github.com/yahoo/react-intl).
- localize - Modify static jsx text and string attributes with function call. π§
- react-intl - Extracts string messages for translation from modules that use [React Intl](https://github.com/yahoo/react-intl).
-
Types
- flow-runtime - Turns Flow annotations into runtime checks. Part of [Flow-Runtime](https://codemix.github.io/flow-runtime).
- tcomb - Turns Flow annotations into typechecks with [tcomb](https://github.com/gcanti/tcomb).
- jsdoc-to-assert - Turns JSDoc into runtime checks.
- runtyper - Detects type-mismatch operations in runtime without annotations.
-
General Plugins
- external-helpers - Moves helper functions to a single imported module.
- babel-plugin-debug-tools
- fast-async - Uses nodent to compile async/await to fast Promise output.
- feature-flags - Helper for managing application feature flags.
- transform-builtin-extend - Enable extending builtin types like `Error` and `Array`, 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 `__VERSION__` to pkg.version.
-
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 `require('~/foo')` syntax.
- webpack-alias - Allows you to use webpack aliases and most of webpack resolve features in Babel.
- hash-resolve - Allows you to use `require('#/path')` instead of `require('../../path')`, the number of `../` needed is worked out by the plugin
- rewrite-module-path - Rewrite module resolving path.
-
Testing
-
Optimization
- groundskeeper-willie - Removes debugger and console calls.
- loop-optimizer - Transforms `.forEach` and `.map` calls to for loops. π§
- closure-elimination - Transforms closures into separate functions.
- preval - Pre-evaluate code at build-time.
- transform-named-imports - Avoid including code that you don't need from modules you're importing.
- faster.js - Transforms native `Array` methods into faster equivalents. π§
- optimize-i18n - Optimizing i18n bundle file by shorten the locale key.
- cloudinary - Compile cloudinary URLs at build time.
- object-to-json-parse - Converts from object literal to `JSON.parse`.
-
Syntax Sugar
- implicit-return - Transforms last statement in a function block to a return statement.
- transform-iota - Golang-style `iota()`. π§
- 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 `console.log()` calls.
- implicit-function - Implicit functions via `~` operator, transforming, for example, `~x` in `() => x`.
- function-composition - Function piping and composition via `&` operator, for example, `toUpper & console.log`.
- auto-await - Automatically `await` every `Promise` in `async` functions.
-
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. π§π§
- holes - Holes (like Scala and Elixir) to help point-free programming, using operators as functions. π§
-
-
Parsers
- babel-eslint - ESLint using Babel as the parser.
Programming Languages
Categories
Sub Categories
Keywords
babel
16
babel-plugin
16
react
7
javascript
5
lambda
2
scala
2
i18n
2
localization
2
typescript
1
prop-types
1
codemod
1
react-native
1
hyperscript
1
proptypes
1
minification
1
runtime-code-analysis
1
type-checking
1
webpack-aliases
1
webpack
1
tdd
1
es6
1
resolver
1
lodash
1
version
1
logging
1
line-numbers
1
console-log
1
eslint
1
web
1
ui
1
translation
1
intl
1
internationalization
1
globalization
1
formatjs
1
underscore
1
plugin
1
placeholder
1
partial
1
lightscript
1
lambda-parameters
1
kotlin
1
functional
1
application
1
json-parse
1
cloudinary-url
1
cloudinary-sdk
1
cloudinary
1
optimize-i18n
1
optimization
1