Babel vs CodeKit
Overview
Share your Stack
Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.
CLI (Node.js)
Manual
Detailed Comparison
Process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript, and Compass files automatically each time you save. Easily set options for each language. | Babel will turn your ES6+ code into ES5 friendly code, so you can start using it right now without waiting for browser support. |
Compile Everything - Less, Sass, Stylus, CoffeeScript, Typescript, Jade, Haml, Slim, Markdown & Javascript.;Auto-Refresh Browsers - Refresh browsers across devices: Mac, PC, iOS, Android & kitchen fridge. Never hit command+R again.;Bower Built-In - Install 6,000+ components with a single click: Bootstrap, jQuery, Modernizr, Zurb Foundation, even WordPress.;It Just Works - There's no grunting at a command line and zero setup. Just drop your project on the app and go. | Array comprehensions; Arrow functions; Async functions; Async generator functions; Classes; Class properties; Computed property names; Constants; Decorators; Default parameters; Destructuring; Exponentiation operator; For-of; Generators; Generator comprehensions; Let scoping; Modules; Module export extensions; Object rest/spread; Property method assignment; Property name shorthand; Rest parameters; React; Spread; Tail call optimisation; Template literals; Type annotations; Unicode regex; JSX; React; Flow; Node.js; Meteor; Rails; Broccoli; Browserify; Require.js; Brunch; Duo; Gobble; Grunt; Gulp; Make; Webpack; Connect; Jade; Jest; Karma; Mocha; Nodemon |
Statistics | |
GitHub Stars - | GitHub Stars 43.8K |
GitHub Forks - | GitHub Forks 5.8K |
Stacks 69 | Stacks 27.3K |
Followers 103 | Followers 11.0K |
Votes 28 | Votes 391 |
Pros & Cons | |
Pros
| Pros
|
Integrations | |
What are some alternatives to CodeKit, Babel?
Prepros
It is an interface tool which handles pre-processing, and other front-end tasks. Its greatest strength is the incredible ease with which it allows you to use pre-processors of various kinds, be they for CSS, HTML or JavaScript.
LiveReload
LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.
Modernizr
It’s a collection of superfast tests or detects as we like to call them which run as your web page loads, then you can use the results to tailor the experience to the user. It tells you what HTML, CSS and JavaScript features the user’s browser has to offer.
BrowserSync
BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.
Rome
It is a linter, compiler, bundler, and more for JavaScript, TypeScript, JSON, HTML, Markdown, and CSS. It is designed to replace Babel, ESLint, webpack, Prettier, Jest, and others. It unifies functionality that has previously been separate tools. Building upon a shared base allows us to provide a cohesive experience for processing code, displaying errors, parallelizing work, caching, and configuration.
Scala.js
It is a safer way to build robust front-end web applications. With it, typos and type-errors are immediately caught and shown to you in your editor, without even needing to compile your code. Refactor any field or method with ease, with the confidence that if you mess it up the editor will tell you immediately
Rome
It is an experimental JavaScript toolchain. It includes a compiler, linter, formatter, bundler, testing framework and more. It aims to be a comprehensive tool for anything related to the processing of JavaScript source code.
Hermes
It is a JavaScript engine optimized for fast start up of React Native apps on Android. It features ahead-of-time static optimization and compact bytecode.
Sucrase
Sucrase is an alternative to Babel that allows super-fast development builds. Instead of compiling a large range of JS features down to ES5, Sucrase assumes that you're targeting a modern JS runtime (e.g. Node.js 8 or latest Chrome) and focuses on compiling non-standard language extensions: JSX, TypeScript, and Flow.
Emscripten
This allows applications and libraries originally designed to run as standard executables to be integrated into client side web applications.
