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-codeStarter project for an ES6 RESTful Express API
cors mongoose express es6 es2015 api boilerplateA collection of react components to render common data visualization charts, such as line/area/bar charts, heat maps, scatterplots, contour plots, pie and donut charts, sunbursts, radar charts, parallel coordinates, and tree maps.Install react-vis via npm.
uber chart data-visualization charting-library visualization react d3 es6 babelSource transformer enabling ECMAScript 6 generator functions (yield) in JavaScript-of-today (ES5)
generator yield coroutine rewriting transformation syntax codegen refactoring transpiler desugaring es6steal is unique because it can load JavaScript modules defined in ES6, AMD, and CommonJS formats (unlike most other module loaders, which only support one of these formats at a time). In JavaScript, the word "modules" refers to small units of independent, reusable code. They are the foundation of many JavaScript design patterns, and can look like this in ES6.
stealjs module-loader amd build-tool commonjs module-bundler plugins web donejs modules es6 bundlingGet complete control over drag and drop behaviour with Draggable! Draggable abstracts native browser events into a comprehensive API to create a custom drag and drop experience. Draggable comes with additional modules: Sortable, Droppable, Swappable. Draggable itself does not perform any sorting behaviour while dragging, but does the heavy lifting, e.g. creates mirror, emits events, manages sensor events, makes elements draggable.The additional modules are built on top of Draggable and therefore provide a similar API interface, for more information read the documentation below.
drag-and-drop draggable es6 shopifyWebpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
webpack module-bundler module-loader loaders plugins build-tool web web-performance compiler javascript-compiler webpack2 commonjs amd esm es6 javascript-modulesCheck out the JSPM version--an alternative to Webpack as an ES6 build system.If you're looking for a preliminary Angular 2 build, please use the angular2-webpack-starter.
angularjs angular1 angularclass ng6-starter gulp webpack angular es6Backpack is minimalistic build system for Node.js. Inspired by Facebook's create-react-app, Zeit's Next.js, and Remy's Nodemon, Backpack lets you create modern Node.js apps and services with zero configuration. Backpack handles all the file-watching, live-reloading, transpiling, and bundling, so you don't have to. It comes with a few conventions defaults (like support for the latest JavaScript awesomeness (i.e. async/await, object rest spread, and class properties)), but everything can be customized to fit your project's needs. Best of all, you can easily add Backpack to your existing Node.js project with just a single dependency.HOWEVER, you can configure Backpack to your project's needs by extending the underlying Webpack 2 configuration.
webpack node build babel es6My ES6 in Depth series consists of 24 articles covering most syntax changes and features coming in ES6. This article aims to summarize all of those, providing you with practical insight into most of ES6, so that you can quickly get started. I've also linked to the articles in ES6 in Depth so that you can easily go deeper on any topic you're interested in.I heard you like bullet points, so I made an article containing hundreds of those bad boys. To kick things off, here's a table of contents with all the topics covered. It has bullet points in it -- obviously. Note that if you want these concepts to permeate your brain, you'll have a much better time learning the subject by going through the in-depth series and playing around, experimenting with ES6 code yourself.
es6 deep-diveBrowser support includes every sane browser and IE7+.You can see a live demo here.
front-end vanilla es6 component autocompleteBritecharts 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-chartsNote: 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 jsxJavaScript and Node.js cheatsheets
cheatsheet node-cheatsheets express react es6 mongodb react-native mongoose javascript-cheatsheets ecmascript-cheatsheets pdfThis package allows transpiling JavaScript files using Babel and webpack.Notes: Issues with the output should be reported on the babel issue tracker.
webpack loader babel es6 transpiler moduleThis repo will be made read-only, as all of the issues/labels have been moved over as well. Please report any bugs and open pull requests over on the main mono-repo.
babel-preset autoprefixer es6 movedButternut 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 es7Rollup is a module bundler for JavaScript which compiles small pieces of code into something larger and more complex, such as a library or application. It uses the new standardized format for code modules included in the ES6 revision of JavaScript, instead of previous idiosyncratic solutions such as CommonJS and AMD. ES6 modules let you freely and seamlessly combine the most useful individual functions from your favorite libraries. This will eventually be possible natively, but Rollup lets you do it today.Install with npm install --global rollup. Rollup can be used either through a command line interface with an optional configuration file, or else through its JavaScript API. Run rollup --help to see the available options and parameters. The starter project templates, rollup-starter-lib and rollup-starter-app, demonstrate common configuration options, and more detailed instructions are available throughout the user guide.
modules bundler bundling es6 optimizer
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.