What is Babel?

About

Babel is a transpiler.

It doe not resolve the imports of modules as a module bundler

It just transpiles code from one language to another.

Usage / Example

  • from JSX to Javascript
  • from ES5 into ES6.

Client

Repl

You can use the Babel REPL to check what Babel code compiles to.

https://babeljs.io/repl/

Babel Node

Babel-node is a wrapper around NodeJs so that you can run directly without compilation steps.

Library




Discover More
CommonJs (NodeJs) - Require

The import functionality implementation of commonjs (and then node) is done via the require function require basically: reads a Javascript file (generally a CommonJs module but it may be any javascript...
ES - ES6 Harmony (ES2015)

ECMAScript 6 (also known as ES2015). The first ECMAScript Harmony specification, it is also known as ES6 Harmony class declarations (class Foo...
How to render Jsx code in the browser

This article shows you how you can render JSX in the browser
Javascript - Module Loader (Script Loader)

A loader searches and loads module and script into the javascript engine (environment). From the main script, they will: create a dependency graph from the require and import statement find them...
Javascript - Object

object in javascript An object is a data type in Javascript. An object follows a json data structure with key that holds property value. The value may be of a variable or a function In JavaScript, a...
Javascript - Transpiler (Transpiling)

A transpiler permits to take an language source and to transform it in a language target. The language source and target may be the same but with two differents version. compiling A transpiler permits...
React

is a virtual dom technology that permits to create HTML page or components based on the concepts that: If the data (state) changes, the UI should change too. Learn once, write anywhere Babel for...
React - JSX

JSX is a Javascript HTML Like language that compiles to Javascript React API. The first motivation of JSX is that reading and writing React elements, are easier. It permits to: write JSX elements...
Typescript - Compiler / Transpiler

The compiler transform typescript in javacript official: babel: - ie transpilation without type-check. With Jest: ...



Share this page:
Follow us:
Task Runner