nolanlawson

// Promise.all is good for executing many promises at once
Promise.all([
  promise1,
  promise2
]);

// Promise.resolve is good for wrapping synchronous code
Promise.resolve().then(function () {
  if (somethingIsNotRight()) {
    throw new Error("I will be rejected asynchronously!");

bringking

'use strict';
var React = require('react/addons');
var AnimateMixin = require('react-animate');

/**
 * Accordion object that maintains a list of content containers and their collapsed or expanded state
 * @type {*|Function}
 */
var Accordion = React.createClass({
    /**

sebmarkbage

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

rsperberg

Eric Elliott’s Essential JavaScript Links

A curated list by Eric Elliott and friends. Suggest links at the original in the comments section or in the website incarnation.

This fork includes screen-captures of the websites, self-descriptions (which appear within quotation marks) from those sites and some metadata like publication date and GitHub stars and forks. It also may lag behind the original as new links are added there. Commentary is almost entirely from Eric Elliott’s original gist: a few summary descriptions were added for sites that omit capsule descriptions.

Help us turn this into a proper website!

This is a very exclusive collection of only must-have JavaScript links. I'm only listing my favorite links. Nothing else makes the cut. Feel free to suggest links if you think they're good

FremyCompany

// once in the headers
defineMetaEvent('Namespace','Click');

// then when you need it
document.body.onNamespaceClick.add(function(e) { /*...*/ });
document.body.onNamespaceClick.clear();

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

caridy

// default exports
export default 42;
export default {};
export default [];
export default foo;
export default function () {}
export default class {}
export default function foo () {}
export default class foo {}

necolas

/**
 * Functional and Unit test configuration
 *
 * This configuration file has to work in both Node.js and browser environments.
 * Therefore, this config is a template that is used to build the Intern config
 * used to run the tests. The packages and suites are automatically defined.
 *
 * Learn more about configuring Intern at:
 * https://github.com/theintern/intern/wiki/Configuring-Intern
 */

jjmu15

// Determine if an element is in the visible viewport
function isInViewport(element) {
  var rect = element.getBoundingClientRect();
  var html = document.documentElement;
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || html.clientHeight) &&
    rect.right <= (window.innerWidth || html.clientWidth)
  );

asvechkar

#Landscaping With Frontend Development Tools

An opinionated list of tools for frontend (i.e. html, js, css) desktop/laptop (i.e. does not include tablet or phone yet) web development

##Coding Tools

######Workflow/Builds/Assemblers