Parwat Kunwar parwatcodes

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.

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`

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

React/Redux Style Guide

System Design Cheatsheet

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

Basic Steps

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?

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

	//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/'

	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({

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

	console.log('\033c');

	/* numbers comparations */

	> '2' == 2
	true

	> '2' === 2

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