Archive for the ‘Babel’ Category

Browserlist is a Good Idea

I think, as front-end developers, we're well aware that different browsers (and versions) support different things. We make choices based on web features we'd like to use balanced with what statistics tell us about our users and what browsers they use....

Best JavaScript Frameworks, Libraries and Tools to use in 2017

Posted on: No Comments
It seems there are more JavaScript frameworks, libraries, and tools than there are developers. As of May 2017, a quick search on GitHub reveals more than 1.1 million JavaScript projects. There are 500 thousand usable packages on npmjs.org with almost 1...

Lebab

Posted on: No Comments
Turn your ES5 code into readable ES6 (sugar-syntax). It does the opposite of what Babel does. David Walsh has a post on it. I'm interested, as I'm still working on my muscle memory for ES6. Even the simple stuff. So blasting some old code through this ...

Transpiling ES6

Posted on: No Comments
While support for ES6 is always increasing, we can't always assume that users will be using a browser that supports all its features. So, in order to utilize ES6 features now and make sure we won't run into cross-browser compatibility issues, we need t...

Babel Plugin to Add Function Names

Posted on: No Comments
Have you ever been working with those sweet new ES6 arrow functions, run into a problem, and noticed that now your stack trace is all anonymous functions? Yeah, that's not so great. That's why this Babel plugin is so useful. You can add names to your E...

Understanding ASTs by Building Your Own Babel Plugin

This article was peer reviewed by Tim Severien. Thanks to all of SitePoint's peer reviewers for making SitePoint content the best it can be! Every day, thousands of JavaScript developers use versions of the language that browser vendors haven't even im...

Modular JavaScript: A Beginners Guide to SystemJS & jspm

Over the past few years, the JavaScript programming language has exploded in popularity. It has become the go-to language for developing both rich web applications, as well as hybrid mobile applications. And as JavaScript projects are becoming increasi...

Getting Started with React and JSX

Posted on: No Comments
This article was updated on 16th April, 2016. Specifically: installation instructions, code samples, ES5/ES6 syntax, precompiling JSX. React is an open source library for building user interfaces. It lets you create views easily while making sure your ...

Understanding JavaScript Modules: Bundling & Transpiling

This article was peer reviewed by Dan Prince and Ravi Kiran. Thanks to all of SitePoint's peer reviewers for making SitePoint content the best it can be! Most folks consider modules, dependency management and dynamic loading a basic requirement for any...