We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.
babel-plugin-react-css-modules - Transforms styleName to className using compile time CSS module resolution
Transforms styleName to className using compile time CSS module resolution. In contrast to react-css-modules, babel-plugin-react-css-modules has a lot smaller performance overhead (0-10% vs +50%; see Performance) and a lot smaller size footprint (less than 2kb vs 17kb react-css-modules + lodash dependency).
css-modules react babel-pluginjsx-control-statements - Neater If and For for React JSX
JSX-Control-Statements is a Babel plugin that extends JSX to add basic control statements: conditionals and loops. It does so by transforming component-like control statements to their JavaScript counterparts - e.g. <If condition={condition()}>Hello World!</If> becomes condition() ? 'Hello World!' : null. Developers coming to React from using JavaScript templating libraries like Handlebars are often surprised that there's no built-in looping or conditional syntax. This is by design - JSX by is not a templating library, it's declarative syntactic sugar over functional JavaScript expressions. JSX Control Statements follows the same principle - it provides a component-like syntax that keeps your render functions neat and readable, but desugars into clean, readable JavaScript.
react jsx babel babel-plugin if else for each loop react-componentemotion - style as a function of state
Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production. Get up and running with a single import.
css-in-js babel-plugin react reactjs css emotion stylesbabel-plugin-react-transform - Babel plugin to instrument React components with custom transforms
React Hot Loader 3 is on the horizon, and you can try it today (boilerplate branch, upgrade example). It fixes some long-standing issues with both React Hot Loader and React Transform, and is intended as a replacement for both. The docs are not there yet, but they will be added before the final release. For now, this commit is a good reference. This plugin wraps React components with arbitrary transforms. In other words, it allows you to instrument React components in any way—limited only by your imagination.
babel-plugin react-transform instrumentation dx react reactjs componentsbabel-plugin-import - Modularly import plugin for babel.
Modular import plugin for babel, compatible with antd, antd-mobile, lodash, material-ui, and so on. Note : with style: true css source files are imported and optimizations can be done during compilation time. With style: "css", pre bundled css files are imported as they are.
babel-plugin antdreact-loadable - :hourglass_flowing_sand: A higher order component for loading components with promises
A higher order component for loading components with dynamic imports. So you've got your React app, you're bundling it with Webpack, and things are going smooth. But then one day you notice your app's bundle is getting so big that it's slowing things down.
react loading async imports webpack babel-plugin server-side-rendering ssr code-splittingbabel-plugin-module-resolver - Custom module resolver plugin for Babel
A Babel plugin to add a new resolver for your modules when compiling your code using Babel. This plugin allows you to add new "root" directories that contain your modules. It also allows you to setup a custom alias for directories, specific files, or even other npm modules. This plugin can simplify the require/import paths in your project. For example, instead of using complex relative paths like ../../../../utils/my-utils, you can write utils/my-utils. It will allow you to work faster since you won't need to calculate how many levels of directory you have to go up before accessing the file.
babel-plugin resolver babel module alias rewrite resolve rename mapping require importhtm - Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support
htm is JSX-like syntax in plain JavaScript - no transpiler necessary. Develop with React/Preact directly in the browser, then compile htm away for production.
virtual-dom babel jsx babel-plugin tagged-template hyperscript-tagged-markup template-literals html htm hyperscriptkneden - Transpile ES2017 async/await to vanilla ES6 Promise chains: a Babel plugin
This project is currently unmaintained. If you want to take over, feel free to fork the repo. If such a fork gets maintained or contains useful improvements, I'd be willing to merge back and give repo+npm access.WARNING: Kneden is usable, but it's also not complete yet.
babel-plugin promise async es 7 6 babel await promises function functions pluginbabel-plugin-preval - Pre-evaluate code at build-time
You need to do some dynamic stuff, but don't want to do it at runtime. Or maybe you want to do stuff like read the filesystem to get a list of files and you can't do that in the browser.There's also preval.require('./something') and import x from /* preval */ './something' (which can both take some arguments) or add // @preval comment at the top of a file.
babel babel-plugin eval precompile babel-plugin-macrosbabel-plugin-transform-decorators-legacy - A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
This is a plugin for Babel 6 that is meant to replicate the old decorator behavior from Babel 5 in order to allow people to more easily transition to Babel 6 without needing to be blocked on updates to the decorator proposal or for Babel to re-implement it. If you are including your plugins manually and using transform-class-properties, make sure that transform-decorators-legacy comes before transform-class-properties.
babel babel-plugin es7 decoratorsbabel-plugin-transform-react-remove-prop-types - Remove unnecessary React propTypes from the production build
Remove unnecessary React propTypes from the production build. Remove React propTypes from the production build, as they are only used in development. You can save bandwidth by removing them.
babel babel-plugin react minification proptypesbabel-plugin-macros - 🎣 Enables zero-config, importable babel plugins
Check out this guest post on the Babel.js blog for a complete write up on the problem, motivation, and solution.Currently, each babel plugin in the babel ecosystem requires that you configure it individually. This is fine for things like language features, but can be frustrating overhead for libraries that allow for compile-time code transformation as an optimization.
babel babel-plugin babel-macros macros macro babel-macro babel-plugin-macrobabel-plugin-flow-react-proptypes - A babel plugin to generate React PropTypes definitions from Flow type declarations
A babel plugin to generate React PropTypes definitions from Flow type declarations. Starting in 14.0.0, we output ES6 import/export statements by default. The deadCode option (explained below) will cause it to use common.js modules instead.
react flow flowtype proptypes babel babel-plugin es6glam - crazy good css in your js
I made it for me. You might like it. It's the core experience of glamor, trimmed down and optimised for react. glam should 'just work' with react v16, streaming and all.
css babel-pluginbabel-plugin-sitrep - Log all assignments and the return value of a function with a simple comment
Log all assignments and the return value of a function with a simple comment
babel babel-plugin logging console-log babel-plugin-sitrep console console.log plugin babel-log logger logbabel-plugin-tcomb - Babel plugin for static and runtime type checking using Flow and tcomb
Babel plugin for static and runtime type checking using Flow and tcomb. Flow is a static type checker for JavaScript.
flow babel babel-plugin tcomb type-checking types runtimebabel-plugin-styled-components - Improve the debugging experience and add server-side rendering support to styled-components
Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber. See LICENSE.md for more information.
styled-components minification babel babel-plugin css-in-js server-side-rendering ssr displaynamefaster
faster.js is a Babel plugin that compiles idiomatic Javascript to faster, micro-optimized Javascript. faster.js rewrites common Array method calls to faster code that does the same thing (usually - see When NOT to use faster.js). This results in performance boosts (especially on code that relies heavily on Array methods) while maintaining code readability, but comes at the cost of a slightly larger bundle size. If having a small Javascript bundle size is much more important for you than performance is, you should not use faster.js.
babel-plugin optimization fasterjs fastjs faster compile optimize arraybabel-plugin-react-intl - Extracts string messages from React components that use React Intl.
Extracts string messages for translation from modules that use React Intl.Note: This Babel plugin works with React Intl v2.x, and 1.x of this plugin works with Babel 5, 2.x works with Babel 6.
babel-plugin react-intl i18n internationalization
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.
