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: Speeding up the JavaScript ecosystem – The barrel file debacle | news.ycombinator.com | 2023-10-09

    > In the popular jest test runner, each test file is executed in its own child process.

    Is that confirmed?

    I've been following this issue:

    https://github.com/jestjs/jest/issues/6957

    And what Jest actually does is still kind of muddy.

    In contrast to that, other test runners like AVA have a clear description what happens when:

    https://github.com/avajs/ava/blob/main/docs/01-writing-tests...

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • front-end-guide

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

  • htm

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

    Project mention: React SSR web-server from scratch | dev.to | 2023-11-21

    So getting this to work without bundler magic is very hard. It's not surprising why NextJS is investing in a bundler. Though one thing that really sticks out is how much complexity we add for just miniscule dev ergonomics. Not using JSX and using something like htm would make all this easier (removing the bundler entirely), it's a lot of overhead to avoid a couple of quotes. React should really have a tagged-template mode. Also all of this is indirection is actually bad for dev ergonomics too! One of the reasons I did this is because I'm absolutely sick of magic caches and sorting through code that's been crushed by a bundler into something I don't recognize and can't easily debug. While we can't get rid of this completely (ts/jsx) this preserves the module import graph completely on the client-side making it easy to find things as you are working and preserving line numbers. This obviously is not useful for a production build and there's a lot of work that would need to go in to support both modes over the same code, but it's depressing no tools really work like this for local development.

  • grommet

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

    Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13

    GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs

  • generator-angular-fullstack

    Yeoman generator for an Angular app with an Express server

  • documentation.js

    :book: documentation for modern JavaScript

    Project mention: [AskJS] Auto-Generated Documentation from JSDoc comments, nice modern themes? | /r/javascript | 2023-04-19

    I used documentation.js for a project before moving over to TypeDoc.

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

  • astexplorer

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

    Project mention: ESLint: under the hood | dev.to | 2023-11-07

    The rule that I want to write will be called not-allows-underscore: the idea is to abolish the use of underscores when declaring variables or functions. It's a real dummy rule, but it should be enough to see in action the concepts that we have discussed earlier. The first thing that I would do is to go to AST Explorer, write down a code that declares variables and functions (both standard and arrows one) and take a look at what type of node is the one that encodes the identifier. Doing that, I found out that the node type of my interest is Identifier, what a surprise! 🤣. In particular, the structure of the node holds the string used as identifier in the name property.

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

    Project mention: 7 Tools and Frameworks for Faster Development in React | dev.to | 2023-02-20

    Using nwb, you can easily set up a new React project with just a few commands, and you can quickly build, test, and deploy your application without having to manage complex configurations or dependencies yourself.

  • ThinkJS

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

  • gogocode

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

  • babel-loader

    📦 Babel loader for webpack

    Project mention: A webpack.config.js for WordPress Projects | dev.to | 2023-07-31

    babel-loader

  • babili

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

    Project mention: Fixing for Loops in Go 1.22 | news.ycombinator.com | 2023-09-19

    The key is that the scoping happens for each iteration, not around the entire loop. That detail is nonobvious, given how many other languages have gotten it wrong, but I wouldn’t say it’s wild.

    (If you’re curious how Babel deals with the more complicated cases of continue, break, labelled break, and return, try it out at https://babeljs.io/repl.)

  • 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: Rendering Twig templates in Storybook | dev.to | 2023-03-11

    There are very few things to do to connect Storybook to a Symfony application, this is a step-by-step guide to get you started. I'm assuming that you already have a Symfony application with Twig installed, and that you're using webpack encore. But that's not a requirement, you can use any other frontend tool you like.

  • graphpack

    ☄️ A minimalistic zero-config GraphQL server.

  • webpack-starter

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

  • serverless-webpack

    Serverless plugin to bundle your lambdas with Webpack

  • jsx-control-statements

    Neater If and For for React JSX

    Project mention: Dangers of Using <Guard> or <If> Components in React | /r/react | 2023-04-14

    It's most likely some syntactic sugar plugin for babel. For example, one of these.

  • vue-web-extension

    🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!

  • babel-plugin-styled-components

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

  • custom-react-scripts

    [DEPRECATED, use customize-cra] Allow custom config for create-react-app without ejecting

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

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

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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-11-21.

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,762
2 ava 20,535
3 front-end-guide 15,015
4 htm 8,391
5 grommet 8,261
6 generator-angular-fullstack 6,132
7 documentation.js 5,740
8 astexplorer 5,707
9 nwb 5,561
10 ThinkJS 5,308
11 gogocode 4,939
12 babel-loader 4,764
13 babili 4,372
14 babel-plugin-macros 2,583
15 Symfony Encore 2,203
16 graphpack 1,991
17 webpack-starter 1,927
18 serverless-webpack 1,718
19 jsx-control-statements 1,601
20 vue-web-extension 1,555
21 babel-plugin-styled-components 1,051
22 custom-react-scripts 997
23 babel-plugin-transform-react-remove-prop-types 898
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com