A collection of awesome babel macros and related resources

• Macros
• Resources
  • General
  • Developing macros
• Integrations

• preval.macro: Pre-evaluate code¹
• codegen.macro: Generate code¹
• import-all.macro: Import all files that match a glob
• tagged-translations: Translate text in React applications
• traph.macro: Transform Objects easily, leveraging object getters and graphs
• param.macro: Partial application syntax and lambda parameters for JavaScript, inspired by Scala's _ and Kotlin's it
• ms.macro: Convert various time formats to milliseconds
• react-emotion/macro: Minify and optimize emotion styles
• scope.macro: Useful build time console functions
• graphql.macro: Compile GraphQL AST
• svgr.macro: Run SVGR
• glamorous.macro: Give your glamorous components a nice displayName for React DevTools
• raw.macro: Webpack raw-loader
• penv.macro: Pick specified value or branch according to the build environment
• lqip.macro: Cretes LQIP at build time, similar to webpack lqip-loader
• dev-console.macro: Remove all console.log, console.warn and console.error calls from production builds
• data-uri.macro: Convert assets to data URIs
• css-to-rn.macro: Convert CSS to React Native style sheet
• regexgen.macro: Convert set of strings to optimized RegExps
• tinker.macro: Evaluate Laravel code
• @lingui/macro: Macros for internationalization (i18n) in LinguiJS
• unique-classname.macro: Generate unique className for emotion
• idx.macro: Traverse properties on objects and arrays
• pipeline.macro: Macro working similarly to the pipeline operator
• blade.macro: Generate GraphQL query strings inline and solve the double declaration problem
• styled-jsx/macro: Use styled-jsx's resolve tag
• styled-components.macro: Improve the debugging experience and add server-side rendering support to styled-components
• babel-plugin-trace/macro: Add labeled statement logging helpers with file- and function name prefix

• babel-plugin-macros usage
• Search npm for keyword:babel-plugin-macros to find macros
• Difference between plugins and macros
• Zero-config code transformation with babel-plugin-macros

• babel-plugin-macros usage for macro authors
• jamiebuilds/babel-handbook
• Writing custom Babel and ESLint plugins with ASTs
• Code Transformation and Linting

The following projects include babel-plugin-macros, so macros can be used out-of-the-box without additional configuration:

• Gatsby
• Create React App

1. preval vs codegen ↩️

Contributions welcome! Read the contribution guidelines first.

To the extent possible under law, Jonas Gierer has waived all copyright and related or neighboring rights to this work.