awesome-babel-macros
A collection of awesome babel macros and related resources
https://github.com/jgierer12/awesome-babel-macros
Last synced: about 19 hours ago
JSON representation
-
Integrations
-
Developing macros
-
-
Footnotes
-
Developing macros
- `preval` vs `codegen` - 1)
- `preval` vs `codegen` - 1)
-
-
Macros
-
Development
-
React
- `@ts-delight/inject-display-name.macro`
- `tersus-jsx.macro` - if (use tj-if) and ng-repeat (use tj-for) for neater JSX in React
- `tagged-translations`
- `svgr.macro` - code/svgr)
- `css-to-rn.macro`
- `hooks.macro`
- `inline-mdx.macro`
- `react-broker/macros` - load React components
- `rpi.macro` - precious-image`](https://github.com/stereobooster/react-precious-image)
- `mdi-norm/macro`
- `reactive.macro`
- `react-css-modules.macro`
-
CSS-in-JS
- `react-emotion/macro` - js/emotion) styles
- `styled-components/macro` - side rendering support to [styled-components](https://www.styled-components.com/)
- `glamorous.macro`
- `styled-jsx/macro` - jsx](https://github.com/vercel/styled-jsx)'s `resolve` tag
- `styled-import/macro` - components](https://www.styled-components.com/), React, or anywhere else you might be doing CSS in JS -- especially useful for working with global or 3rd-party stylesheets
- `unique-classname.macro`
- `twin.macro` - to-date solution to [Tailwind](https://tailwindcss.com/) as a macro
- `cssed/macro` - in-JS modules that lets you write CSS in JS. That's it, no gimmicks
- `unique-classname.macro`
-
TypeScript
- `ts-nameof.macro` - us/library/dn986596.aspx) in TypeScript
- `typecheck.macro` - checker functions for TypeScript types
-
General
- `@lingui/macro` - lingui/)
- `@ts-delight/pipe.macro`
- `@ts-delight/if-expr.macro` - oriented fluent alternative to javascript's if-statement that compiles away to ternary expressions
- `@ts-delight/switch-expr.macro` - oriented fluent alternative to javascript's switch-statement that compiles away to ternary expressions
- `@ts-delight/async-to-generator.macro`
- `param.macro`
- `ms.macro`
- `data-uri.macro` - US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs)
- `regexgen.macro`
- `tinker.macro`
- `pipeline.macro`
- `paths.macro`
- `for-own.macro` - in` only visit own properties
- `files.macro`
- `flavors.macro`
- `yaml-to-js.macro`
- `fast-fp.macro`
-
Performance and Memory management
- `using.macro` - finally blocks automatically similarly to C# [using declaration](https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/proposals/csharp-8.0/using#using-declaration) style
- `inline-loops.macro`
- `assign.macro` - style expressions to direct assignments
-
File loading
- `lqip.macro` - time, similar to webpack's [`lqip-loader`](https://github.com/zouhir/lqip-loader)
- `raw.macro` - loader`
- `yaml.macro` - parsed objects
- `json.macro`
- `fetch.macro` - time.
-
Object/Array manipulation
-
Code generation
- `preval.macro` - evaluate code<span id="backlink-1" />[<sup>1</sup>](#footnote-1)
- `codegen.macro` - 1)
- `import-all.macro`
-
GraphQL
- `graphql.macro`
- `blade.macro` - blade.netlify.com/docs/declarationdeclaration.html)
-
-
Resources
-
General
-
Developing macros
-
Programming Languages
Categories
Sub Categories
Keywords
babel-plugin-macros
16
babel
13
babel-plugin
10
babel-macros
10
react
8
webpack
5
reactjs
4
css
2
css-in-js
2
javascript
2
babel-macro
2
macro
2
lazy
1
code-splitting
1
async
1
mdx
1
react-hooks
1
react-native
1
laravel
1
svgr
1
translation
1
i18n
1
es6
1
idx
1
traph
1
transformation
1
object
1
graph
1
vite-plugin
1
swc-plugin
1
nextjs
1
php
1
composition
1
fetch
1
create-react-app
1
pipe
1
raw-loader
1
oss
1
dynamic-styles
1
jsx
1
shadow-dom
1
emotion
1
emotionjs
1
goober
1
solidjs
1
stitches
1
styled-components
1
styling-css-in-js
1
styling-react
1
tailwind
1