gaearon

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

• Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

delibytes

React & JSX Cheatsheet

Overview
JSX HTML	<div>...</div>
JSX Component	<Component property={javascript} /> <Component property='string' />
JSX Component with Children	<Component>{children}</Component> reference: props.children
Escaping JavaScript	{...}
require statements	const React = require('react'); const ReactDOM = require('react-dom');
npm modules	react, react-dom

bradwestfall

S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates

What this will cover

• Host a static website at S3
• Redirect www.website.com to website.com
• Website can be an SPA (requiring all requests to return index.html)
• Free AWS SSL certs
• Deployment with CDN invalidation

heaversm

//node vars
const express = require('express')
const twilio = require('twilio')
const request = require('request')

//twilio vars
const accountSid = '###' //your twilio account SID
const authToken = "###" //your twilio auth token
const client = require('twilio')(accountSid, authToken)
const baseURL = 'https://api.twilio.com/2010-04-01/Accounts/[YOUR_ACCOUNT_HERE]/Recordings/'

datchley

React/Redux Style Guide

Table of Contents:

• React/Redux Style Guide
  • React Guidelines
    • Organization
    • Components
• Container Components

vasanthk

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?

fbaiodias

const original = {
  card: Joi.object({
    number: Joi.string().creditCard().required(),
    holderName: Joi.string().required(),
    expiry: {
      year: Joi.number().min(2015).min(2025).required(),
      month: Joi.number().min(1).min(12).required(),
    }
  }),
  billingAddress: Joi.object({

xpepermint

1. Build GraphQL server using `express-graphql` package.
2. Configure `schema.js` file.
3. Query for data.

mnylen

Simple implementation of debounced fetching in GraphQL to allow merging of multiple rest / database requests into one. Although this example uses GraphQL, the debouncedFetch / fetchProgramPlaycount implementations could probably be used in any context to achieve the same result.

This approach was first described by @leebyron at graphql/graphql-js#19 (comment)

For example this allows turning ten requests for playcounts from this GraphQL query into just one:

{
  latestPrograms(first: 10) {
    name,

playcount

MichalZalecki

/* VT100 terminal reset (<ESC>c) */

console.log('\033c');

/* numbers comparations */

> '2' == 2
true

> '2' === 2