JavaScript Babel

Open-source JavaScript projects categorized as Babel

Top 23 JavaScript Babel Projects

  • N1

    :love_letter: An extensible desktop mail app built on the modern web. Forks welcome!

  • ava

    Node.js test runner that lets you develop with confidence 🚀

    Project mention: Tech stack discussion | reddit.com/r/PWA | 2023-01-08

    Ava for a simpler environment than Jest, which I usually use. I need to check how to mock ESM with it, though.

  • 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!

  • electron-vue

    An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.

    Project mention: How to Use MQTT in The Electron Project | dev.to | 2022-06-19

    Address: https://github.com/SimulatedGREG/electron-vue

  • front-end-guide

    📚 Study guide and introduction to the modern front end stack.

    Project mention: Trazim mentora! | reddit.com/r/programiranje | 2022-03-30
  • grommet

    a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

  • htm

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

    Project mention: A few programming language features I’d like to see | reddit.com/r/programming | 2023-01-19

    The first one exists in JavaScript and is called Tagged Template Literals. I agree with the author that its a nice feature. It's the perfect construct to use for prepared SQL statements, LINQ-style queries, or reimplementing a JSX-like syntax (see HTM https://github.com/developit/htm).

  • generator-angular-fullstack

    Yeoman generator for an Angular app with an Express server

    Project mention: Are there code generation tools to create full stack Node apps with authentication? | reddit.com/r/node | 2022-06-10
  • 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.

  • documentation.js

    :book: documentation for modern JavaScript

  • nwb

    A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)

  • ThinkJS

    Use full ES2015+ features to develop Node.js applications, Support TypeScript.

  • astexplorer

    A web tool to explore the ASTs generated by various parsers.

    Project mention: Demystification of JavaScript Code processing using V8 as the targeted engine 🔬 | dev.to | 2023-02-01

    Your JavaScript code gets compiled to what A*ST(Abstraction Syntax Tree). Its a format that Our ISA(Instruction Set Architecture) machine/engine can process, the idea is similar to when you want to use **Theo-design-token-engine* to compile from one style-model to another e.g from CSS to XML styles, it means you must write in a model that theo understand. Here is a link if you wish to see the AST in action:Click me ###Sample of Js code to AST

  • create-react-library

    ⚡CLI for creating reusable react libraries.

  • babel-loader

    📦 Babel loader for webpack

    Project mention: Why does Object.assign() require a polyfill when babel-loader is being used? | reddit.com/r/codehunter | 2022-04-30

    Uncaught TypeError: Object.assign is not a function I'm already using babel-loader to transpile ES6 to ES5, so all my other ES6 code is working. Yet, Object.assign() only works after I also import "babel-core/polyfill" in my codebase. I see that I can also fix this by importing babel-runtime, but I'd like to understand why Object.assign() requires more than what babel-loader performs — shouldn't babel-loader preprocess everything, including Object.assign()?

  • babili

    :scissors: An ES6+ aware minifier based on the Babel toolchain (beta)

    Project mention: Hybrid MVC + ReactJS with bootstrap | reddit.com/r/csharp | 2022-12-20

    In your node project, add Babel and Webpack. They can “transpile “ your JSX code to browser compatible code. You can try it out here

  • gogocode

    GoGoCode is a transformer for JavaScript/Typescript/HTML based on AST but providing a more intuitive API.

    Project mention: The last piece of the puzzle to upgrade Vue3 | dev.to | 2022-02-27

    This is the front-end team at Alimama. Before, we released a Vue conversion plug-in based on the code conversion tool GoGoCode , it can help you upgrade the Vue2 code in the project to Vue3, but we also received feedback from many friends: I used Based on Vue2's ElementUI, it doesn't support Vue3 yet. I can't run my business code after upgrading it.

  • 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:

  • Symfony Encore

    A simple but powerful API for processing & compiling assets built around Webpack

    Project mention: WHAT IS THE BEST WAY TO ADD CSS IN TWIG? | reddit.com/r/symfony | 2022-12-13

    stop yelling and try google before posting here, literally the first result of "symfony css" points you to the correct documentation: https://symfony.com/doc/current/frontend.html

  • graphpack

    ☄️ A minimalistic zero-config GraphQL server.

  • babel-plugin-lodash

    Modular Lodash builds without the hassle.

    Project mention: Webpack tree shaking not working as I expected | reddit.com/r/reactjs | 2022-08-16
  • webpack-starter

    ✨ A lightweight foundation for your next webpack based frontend project.

    Project mention: How to bundle a tree-shakable typescript library with tsup and publish with npm | dev.to | 2022-11-02

    After we transpile with `tsup` all the files will be added to the bundle. Note that we are preserving folder structure under lib. ![Screen Shot 2022-09-08 at 23.40.33.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1662669755836/ce6t5YIdq.png align="left") Let's jump into to the app and locally link the library for testing. I'll use this webpack starter https://github.com/wbkd/webpack-starter ### Testing with npm link The easiest way to test your library is to register it locally with `npm link` or `yarn link`.

  • serverless-webpack

    Serverless plugin to bundle your lambdas with Webpack

    Project mention: Using pure ESM npm packages in serverless-webpack bundles | dev.to | 2022-07-29

    Since I was using serverless-webpack along with Prisma's serverless-webpack-prisma helper, this meant a bit of extra Webpack config setup to get it all using the same module syntax without the usual dreaded 'Unexpected token export' or import error from Node.

  • jsx-control-statements

    Neater If and For for React JSX

    Project mention: Advice on JSX Conditionals | news.ycombinator.com | 2022-03-09

    Thanks, this is really useful.

    I’ve been using this Babel plug-in found it quite intuitive

    https://github.com/AlexGilleran/jsx-control-statements

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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-02-01.

JavaScript Babel related posts

Index

What are some of the best open-source Babel projects in JavaScript? This list will help you:

Project Stars
1 N1 24,713
2 ava 20,221
3 electron-vue 15,173
4 front-end-guide 14,784
5 grommet 8,120
6 htm 8,054
7 generator-angular-fullstack 6,131
8 documentation.js 5,644
9 nwb 5,534
10 ThinkJS 5,293
11 astexplorer 5,289
12 create-react-library 4,769
13 babel-loader 4,707
14 babili 4,354
15 gogocode 3,994
16 babel-plugin-module-resolver 3,309
17 babel-plugin-macros 2,519
18 Symfony Encore 2,122
19 graphpack 1,996
20 babel-plugin-lodash 1,942
21 webpack-starter 1,883
22 serverless-webpack 1,687
23 jsx-control-statements 1,575
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com