You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.

•    

---

This is a series of books diving deep into the core mechanisms of the JavaScript language. The first edition of the series is now complete.Please feel free to contribute to the quality of this content by submitting PR's for improvements to code snippets, explanations, etc. While typo fixes are welcomed, they will likely be caught through normal editing processes, and are thus not necessarily as important for this repository.

book-series closures prototypes async es6 es2015 training-materials book training-providers education programming learn-to-code

godzilla - Godzilla is a ES2015 to Go source code transpiler and runtime

•    Go

---

Godzilla is a ES2015 to Go source code transpiler and runtime that is intended to be a near drop-in replacement for Node.js. It compiles ES2015 source code to Go source code which is then compiled to native code. The compiled Go source code is a series of calls to the Godzilla runtime, a Go library serving a similar purpose to Node.js.Godzilla parses ES2015 source code with the awesome babylon. That means at the moment Node.js is required for compilation. As Godzilla becomes mature, babylon will be compiled to Go source code using Godzilla itself so that the Node.js dependency can be dropped.

compiler transpiler es2015

express-es6-rest-api - :battery: Starter project for an ES6 RESTful Express API.

•    Javascript

---

Starter project for an ES6 RESTful Express API

cors mongoose express es6 es2015 api boilerplate

react-apollo - :recycle: React higher-order component for Apollo Client

•    TypeScript

---

React Apollo allows you to fetch data from your GraphQL server and use it in building complex and reactive UIs using the React framework. React Apollo may be used in any context that React may be used. In the browser, in React Native, or in Node.js when you want to server side render.React Apollo unlike many other tools in the React ecosystem requires no complex build setup to get up and running. As long as you have a GraphQL server you can get started building out your application with React immediately. React Apollo works out of the box with both create-react-app and React Native with a single install and with no extra hassle configuring Babel or other JavaScript tools.

react graphql ssr redux ecmascript es2015 jsnext relay npm

angularjs-styleguide - AngularJS styleguide for teams

•    

---

Want an example structure as reference? Check out my component based architecture 1.5 app.This architecture and styleguide has been rewritten from the ground up for ES2015, the changes in AngularJS 1.5+ for future-upgrading your application to Angular. This guide includes new best practices for one-way dataflow, event delegation, component architecture and component routing.

angular angularjs typescript es2015

pify - Promisify a callback-style function

•    Javascript

---

Returns a Promise wrapped version of the supplied function or module.Callback-style function or module whose methods you want to promisify.

promise promises promisify all denodify denodeify callback cb node then thenify convert transform wrap wrapper bind to async await es2015 bluebird

Britecharts - Client-side reusable Charting Library based on D3

•    Javascript

---

Britecharts is a client-side reusable Charting Library based on D3.js v4 that offers easy and intuitive use of charts and components that can be composed together to create amazing visualizations.Britecharts components have been written in ES2016 with a Test Driven methodology, so they are fully tested, and we are committed to keeping them that way.

d3 chart library graph reusable es6 es2015 visualization charts charting-library visualizations javascript-charts

javascript - JavaScript Style Guide

•    Javascript

---

Note: this guide assumes you are using Babel, and requires that you use babel-preset-airbnb or the equivalent. It also assumes you are installing shims/polyfills in your app, with airbnb-browser-shims or the equivalent.1.1 Primitives: When you access a primitive type you work directly on its value.

eslint naming-conventions arrow-functions style-guide style-linter es6 es2015 linting styleguide lint airbnb react jsx

gulp-babel - Gulp plugin for Babel

•    Javascript

---

Issues with the output should be reported on the Babel issue tracker.See the Babel options, except for sourceMap and filename which is handled for you.

babel gulp-plugin gulpplugin transpiler es2015 es2016 es2017 rewriting transformation syntax codegen desugaring compiler

butternut - The fast, future-friendly minifier

•    Javascript

---

Butternut is significantly faster than other JavaScript minifiers, and works with the latest version of JavaScript (ES2015, aka ES6, and beyond). It's typically around 3x faster than UglifyJS with default minify options, and 10-15x faster than Babili.The compression is better than Babili and closure-compiler-js (in standard compilation mode — you can get better results with Closure in advanced mode, but only by writing your code in a very particular way). It's almost as good as Uglify in its current version.

transpilation compilation esnext es2015 es2017 es6 es7

wp-calypso - The new JavaScript- and API-powered WordPress.com

•    Javascript

---

Calypso is the new WordPress.com front-end – a beautiful redesign of the WordPress dashboard using a single-page web application, powered by the WordPress.com REST API. Calypso is built for reading, writing, and managing all of your WordPress sites in one place.It’s built with JavaScript – a very light node plus express server, React.js, Redux, wpcom.js, and many other wonderful libraries on the front-end.

wordpress react es2015 es6 es6-javascript redux nodejs

JsBarcode - Barcode generation library written in JavaScript that works in both the browser and on Node

•    Javascript

---

JsBarcode is a barcode generator written in JavaScript. It supports multiple barcode formats and works in browsers and with Node.js. It has no dependencies when it is used for the web but works with jQuery if you are into that. Use any jsbarcode-* or data-* as attributes where * is any option.

barcode barcode-generator es2015 es6 canvas code128 upc ean itf msi pharmacode

not-awesome-es6-classes - A curated list of resources on why ES6 (aka ES2015) classes are NOT awesome

•    

---

Reverse-inspired by all of the awesome lists on GitHub, like Awesome, Awesome Awesomeness, Awesome JavaScript, Awesome React, Awesome Cycle.js, Awesome Go, Awesome Elixir, Awesome Elm, etc. While ES6 brings several useful and syntactically pleasing new features to JavaScript, there are many people in the JS community who feel that adding class syntax to the language was a mistake. I share this sentiment, but I have encountered quite a few programmers in the wild who don't agree or simply don't seem to understand why some of us have this opinion. So, I wanted to create an online reference where people could come to learn specifically about this issue and why they might not actually need class syntax in JavaScript.

awesome not-awesome awesome-lists composition functional-programming delegation prototypes class classes es6 es2015 react object-oriented-programming inheritance inferno snabbdom recompose prototypal-inheritance functional-composition

core-decorators - Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more

•    Javascript

---

Library of JavaScript stage-0 decorators (aka ES2016/ES7 decorators but that's not accurate) inspired by languages that come with built-ins like @​override, @​deprecate, @​autobind, @​mixin and more. Popular with React/Angular, but is framework agnostic. Similar to Annotations in Java but unlike Java annotations, decorators are functions which are applied at runtime. This can be consumed by any transpiler that supports stage-0 of the decorators spec, like babel.js version 5. Babel 6 does not yet support decorators natively, but you can include babel-plugin-transform-decorators-legacy or use the applyDecorators() helper.

es6 es7 es2015 es2016 babel decorators override deprecated annotations autobind react angular lodash mixin mixins

common-tags - 🔖 Useful template literal tags for dealing with strings in ES2015+

•    Javascript

---

🔖 A set of well-tested, commonly used template literal tag functions for use in ES2015+. 🌟 Plus some extra goodies for easily making your own tags.

multiline-strings string-substitution indentation inline html-template tagged-template tagged-template-literals composition composable abstraction es6 es2015 array babel es2015-tag es6-tag heredoc html indent indents line literal multi multiline normalize one oneline single singleline string strings strip tag tagged template

react-grid-layout - A draggable and resizable grid layout with responsive breakpoints, for React.

•    Javascript

---

React-Grid-Layout is a grid layout system much like Packery or Gridster, for React. Unlike those systems, it is responsive and supports breakpoints. Breakpoint layouts can be provided by the user or autogenerated.

react grid drag-and-drop resize es2015 drag draggable resizable fluid responsive

minipack - 📦 A simplified example of a modern module bundler written in JavaScript

•    Javascript

---

As front-end developers, we spend a lot of time working with tools like Webpack, Browserify, and Parcel. Understanding how those tools work can help us make better decisions on how we write our code. By understanding how our code turns into a bundle and how that bundle looks like we can also debug it better.

parcel-bundler webpack example browserify modules commonjs es6-modules module-bundler es2015

core-js - Standard Library

•    Javascript

---

It's documentation for the unstable core-js@3, if you looking documentation for core-js@2, please, check this branch. Modular standard library for JavaScript. Includes polyfills for ECMAScript 5, 2015, 2016, 2017: promises, symbols, collections, iterators, typed arrays, many other features, ECMAScript proposals, some cross-platform WHATWG / W3C ECMAScript-related features and proposals like setImmediate. You can load only required features or use it without global namespace pollution.

proposal polyfill shim es6 promise set map weakmap es7 es2015 es2016 es2017 esnext symbol ponyfill

ES6-for-humans - A kickstarter guide to writing ES6.

•    

---

let allows you to create declarations which are bound to any block, called block scoping. Instead of using var, which provides function scope, it is recommended to use block scoped variables (let or const) in ES6. Arrow functions are a short-hand notation for writing functions in ES6. The arrow function definition consists of a parameter list ( ... ), followed by the => marker and a function body. For single-argument functions, the parentheses may be omitted.

es6 es2015 guide education programming learn-to-code

graphql-anywhere - :icecream: Run a GraphQL query anywhere, against any data, with no schema.

•    TypeScript

---

Run a GraphQL query anywhere, without a GraphQL server or a schema. Just pass in one resolver. Use it together with graphql-tag.I think there are a lot of potentially exciting use cases for a completely standalone and schema-less GraphQL execution engine. We use it in Apollo Client to read data from a Redux store with GraphQL.

ecmascript es2015 jsnext relay npm react