jamiebuilds/babel-handbook

Stars
11,988
Rank 2,737 (Top 0.06 %)
Language
License
Creative Commons ...
Created about 9 years ago
Updated 6 months ago

jamiebuilds/babel-handbook

jamiebuilds

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

📘 A guided handbook on how to use Babel and how to create plugins for Babel.

Babel Handbook

Written by Jamie Kyle

A guided handbook on how to use Babel and how to create plugins for Babel.

Translations

Request another translation

If you are reading a non-English translation of this document you will find a number of English words that are programming concepts. If these were translated to other languages there would be a lack of consistency and fluency when reading about them. In many cases you will find the literal translation followed by the English term in parenthesis (). For example: Abstract Syntax Trees (ASTs).

Special thanks to @sebmck, @hzoo, @jdalton, @abraithwaite, @robey, and others for their amazing help on this handbook.

the-super-tiny-compiler

⛄ Possibly the smallest compiler ever

react-loadable

⏳ A higher order component for loading components with promises.

itsy-bitsy-data-structures

🏰 All the things you didn't know you wanted to know about data structures

unstated

State so simple, it goes without saying

spectacle-code-slide

🤘 Present code with style

unstated-next

200 bytes to never think about React state management libraries ever again

tinykeys

A tiny (~400 B) & modern library for keybindings.

babel-react-optimize

🚀 A Babel preset and plugins for optimizing React code.

tailwindcss-animate

A Tailwind CSS plugin for creating beautiful animations

glow

Make your Flow errors GLOW

create-react-context

Polyfill for the proposed React context API

json-parser-in-typescript-very-bad-idea-please-dont-use

JSON Parser written entirely in TypeScript's type system

react-gridlist

A virtual-scrolling GridList component based on CSS Grids

favorite-software

🌟 Best software for developers and power users.

marionette-wires

:shipit: An opinionated example application built with Marionette.js.

pretty-format

✨ Stringify any JavaScript value

ghost-lang

👻 A friendly little language for you and me.

documentation-handbook

How to write high-quality friendly documentation that people want to read.

roast-my-deps

Your dependencies are bad and you should feel bad

bey

Simple immutable state for React using Immer

tickedoff

Tiny library (<200B gzip) for deferring something by a "tick"

react-jeff

A Good Form Library

react-performance-observer

Get performance measurements from React Fiber

gender-regex

Regex to test for valid genders

anti-fascist-mit-license

MIT license with additional text to prohibit use by fascists

purposefile

Make sure every file in your repo is exactly where it should be

react-loadable-example

Example project for React Loadable

bootcamp

👢 Jasmine-style BDD testing written in Sass for Sass.

write-files-atomic

Write many files atomically

sarcastic

Cast unknown values to typed values

ninos

Simple stubbing/spying for AVA

repo-growth

Measure how fast your repo is growing using cloc

workspaces-run

Run tasks/scripts across Yarn/Lerna/Bolt/etc workspaces.

license

The MIT license (with personal exceptions)

scritch

A small CLI to help you write sharable scripts for your team

react-markers

Add markers to your React components for easy testing with actual DOM elements

assert-equal-jsx

proposal-promise-prototype-inspect

Proposal for Promise.prototype.inspect

globby-cli

User-friendly glob matching CLI

spawndamnit

Take care of your spawn()

grob

grep, but in JavaScript... I've truly outdone myself.

react-required-if

React PropType to conditionally add `.isRequired` based on other props

havetheybeenpwned

Test if your user's password has been pwned using the haveibeenpwned.com API

react-prop-matrix

Render something using every possible combination of props

renderator

dark-mode-github-readme-logos

How to make logos in your README that support GitHub's new dark mode

reduxxx

Redux, explicit.

babel-plugin-react-pure-components

Optimize React code by making pure classes into functions

react-test-renderer

[DEPRECATED] A lightweight solution to testing fully-rendered React Components

fixturez

Easily create and maintain test fixtures in the file system

ballistic

🔨 Utility-Belt Library for Sass

enable-npm-2fa

A script for enabling 2FA on all of your npm packages

cirbuf

A tiny and fast circular buffer

VisibilityObserver

Experimental API for observing the visible box of an element

dependency-free

An experiment to unify/speed up CI/local development via small Docker containers

react-stylish

🎀 Make your React component style-able by all

naw

Your very own containerized build system!

tested-components

Browser integration testing utils for styled-components

jamie.build

codeowners-enforcer

Enforce CODEOWNERS files on your repo

std-pkg

The Official package.json Standard™ for Npm® endorsed fields

babel-plugin-private-underscores

Make _classMembers 'private' using symbols

userscript-github-disable-turbolinks

A userscript to disable GitHub turbolinks to force full page navigations

git-workflow

Git workflow for teams

pride

👬 PrideJS logo

babel-plugin-import-inspector

Babel plugin to report dynamic imports with import-inspector with metadata about the import

revalid

Composable validators

ci-parallel-vars

Get CI environment variables for parallelizing builds

crowdin-sync

🌏 How to setup Crowdin to sync with GitHub

incremental-dom-react-helper

Helper to make Google's incremental-dom library work with React's compile target today.

guarded-string

Prevent accidentally introducing XSS holes with the strings in your app

babel-plugin-hash-strings

Replace all instances of "@@strings like this" with hashes.

react-module-experiment

task-graph-runner

Run async tasks with dependencies

json-peek

Stringify JSON *just enough* to see what it is

babel-plugin-ken-wheeler

Code like you dope

how-to-build-a-compiler

How to build a compiler – THE TALK

js-memory-heap-profiling

backbone.service

A simple service class for Backbone.

dep-size-inspect

pffffff

pfffffffffffffffffffff whatever

shimiteer

Puppeteer API shim for other browsers using WebdriverIO

better-directory-sort

Improved sorting order for directory entities

isolated-core-demo

graph-sequencer

Sort items in a graph using a topological sort while resolving cycles with priority groups

import-inspector

Wrap dynamic imports with metadata about the import

backbone-routing

Simple router and route classes for Backbone.

flow-shut-up

Add inline Flow comments to make Flow shut up about errors

tumblr-downloader

Download all your female-presenting nipples from Tumblr

proposal-promise-settle

This repository is a work in progress and not seeking feedback yet.

backbone.storage

A simple storage class for Backbone Models and Collections.

parcel-rust-example

Example of using Rust code in Parcel

temperment

Get a random temporary file or directory path that will delete itself

is-mergeable

Check if a GitHub Pull Request is in a (most likely) mergeable state

gud

Create a 'gud nuff' (not cryptographically secure) globally unique id

min-indent

Get the shortest leading whitespace from lines in a string

babel-setup-react-transform

Example Babel project using babel-plugin-react-transform

codeowners-utils

Utilities for working with CODEOWNERS files

my-react

Ideas for React APIs

LibManUal