JavaScript babel-plugin

Open-source JavaScript projects categorized as babel-plugin

Top 23 JavaScript babel-plugin Projects

  • react-loadable

    :hourglass_flowing_sand: A higher order component for loading components with promises.

    Project mention: 16 React Tools to Help You Keep Your Sanity in a Crazy World | dev.to | 2023-03-19

    Website: https://github.com/jamiebuilds/react-loadable

  • emotion

    👩‍🎤 CSS-in-JS library designed for high performance style composition

    Project mention: Next.js App Directory Architecture First Impressions | dev.to | 2023-03-06

    An early difficulty I encountered was using UI component libraries like Mantine and Material UI in the new architecture. After looking through some GitHub issues, the culprit is Emotion, a package many component libraries rely on that does not support server rendering.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • htm

    Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

    Project mention: Anyone using React from just a CDN, barbarian style? | reddit.com/r/reactjs | 2023-02-28

    If you're going to do a no-build approach, assume modern JS (so you don't have to transpile the JS syntax). Also, you can use https://github.com/developit/htm as a nearly-identical equivalent to JSX syntax, also without transpiling.

  • vuera

    :eyes: Vue in React, React in Vue. Seamless integration of the two. :dancers:

    Project mention: Error while using React-table.js in Vue.js | reddit.com/r/codehunter | 2022-04-30

    am trying to integrate https://react-table.js.org/#/story/readme in vue.js app using https://github.com/akxcv/vuera.

  • babel-plugin-module-resolver

    Custom module resolver plugin for Babel

    Project mention: Starting React Native Project in 2023 | dev.to | 2023-01-06

    Also, we will need to install the babel-plugin-module-resolver to be able to run our project on web.

  • babel-plugin-macros

    🎣 Allows you to build simple compile-time libraries

    Project mention: Fixing Class Composition in Tailwind CSS | dev.to | 2022-12-14

    One of the more promising alternatives is twin.macro - a Babel macro that processes Tailwind classes to generate JS objects understandable by various CSS-in-JS libraries. The developer experience (DX) of using it is amazing as you not only get all of Tailwind’s features without much change to your code, but you also get much more flexibility - all that on top of the traditional benefits of CSS-in-JS. Here’s an example code:

  • babel-plugin-react-css-modules

    Transforms styleName to className using compile time CSS module resolution.

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

  • jsx-control-statements

    Neater If and For for React JSX

  • babel-plugin-styled-components

    Improve the debugging experience and add server-side rendering support to styled-components

  • babel-plugin-transform-react-remove-prop-types

    Remove unnecessary React propTypes from the production build. :balloon:

    Project mention: Migrating your React app from Webpack to Vite | dev.to | 2022-04-07

    But sometimes Babel plugins may still come in handy. For example, there's a plugin to remove PropTypes you can use to make bundle size a bit smaller, and there's a [dedicated plugin for styled-components] that makes development and testing easier by, among others, adding component display names.

  • flow-runtime

    A runtime type system for JavaScript with full Flow compatibility.

    Project mention: Hegel – An advanced static type checker for JavaScript | news.ycombinator.com | 2022-10-11
  • putout

    🐊 Pluggable and configurable JavaScript Linter and code transformer with built-in ESLint and Babel support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏

    Project mention: Modern, faster alternatives to ESLint | dev.to | 2022-05-03

    Due to its plugin-first architecture, the initial API is kept as lean as possible, preventing unnecessary bloat and allowing the developer the choice of extension. Some plugin rules are also smaller than those available in ESLint, e.g., the debugger rule. We can also use Putout with ESLint by allowing Putout to handle code transformations while ESLint handles any formatting broken after the code transformation. We can use the plugin eslint-plugin-putout to help with this integration.

  • babel-plugin-tailwind-components

    Use Tailwind with any CSS-in-JS library

  • effectfuljs

    JavaScript embedded effects compiler

  • babel-plugin-console

    Babel Plugin that adds useful build time console functions 🎮

  • babel-plugin-angularjs-annotate

    Add Angular 1.x dependency injection annotations to ES6 code

  • babel-plugin-transform-typescript-metadata

    Babel plugin to emit decorator metadata like typescript compiler

  • babel-plugin-react-html-attrs

    Babel plugin which transforms HTML and SVG attributes on JSX host elements into React-compatible attributes

    Project mention: Modify webpack.config.js of create-react-app | reddit.com/r/codehunter | 2022-05-13

    So here is what I did :1. I went to official github doc of this babel plugin - https://github.com/insin/babel-plugin-react-html-attrs and it said that if you're using babel-6 install npm package:npm install --save-dev babel-plugin-react-html-attrs

  • js-proposal-algebraic-effects

    📐Let there be algebraic effects in JS

    Project mention: Letlang, a programming language targetting Rust - Road to v0.1 | reddit.com/r/rust | 2022-11-24

    Super interesting, there is a proposal to add this to JavaScript and several languages that use this, unison, koka & eff. I had no idea this was even a thing!

  • babel-plugin-prismjs

    A babel plugin to use PrismJS with standard bundlers.

    Project mention: How to add a babel plugin config to the webpack.config.js? | reddit.com/r/learnjavascript | 2022-05-20

    And here's the babel plugin I would like to add in my project which recommend to register in the babelrc file.

  • babel-plugin-solid-undestructure

    A Babel plugin for SolidJS that allows you to destructure component props without losing reactivity.

  • babel-plugin-proposal-pattern-matching

    the minimal grammar, high performance JavaScript pattern matching implementation

    Project mention: Scala-esque functional frontend languages? | reddit.com/r/Frontend | 2022-08-31
  • babel-plugin-react-native-classname-to-style

    Transform JSX className property to style property in react-native.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-03-19.

JavaScript babel-plugin related posts

Index

Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com