Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools. Learn more →
Top 23 JavaScript Babel Projects
-
-
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.
-
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
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-13GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs
-
-
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.
-
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)
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.
-
-
gogocode
GoGoCode is a transformer for JavaScript/Typescript/HTML based on AST but providing a more intuitive API.
-
babel-loader
-
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.)
-
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:
-
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.
-
-
-
-
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.
JavaScript Babel related posts
- React SSR web-server from scratch
- 😱 ESlint over Conventions - You have Not unlocked the power of ESlint 😱
- AST Exploret
- You might not need TypeScript Enum
- Service Worker Templating Language (SWTL)
- Pyke Syndicate advice
- Gaseous - Yet Another Games Manager
-
A note from our sponsor - Appwrite
appwrite.io | 3 Dec 2023
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 |