slmyers

// bad you're waiting for the first result but the second and third request don't need anything from the NAME query
// sequential async actions :do_not_want:
async fucntion waterfall(db) {
  const name = await db.query(NAME)
  const open = await db.query(IS_OPEN)
  const welcomeMessage = await db.query(WELCOME_MESSAGE)
  return { name, open, welcomeMessage }
}

// better there are no depenecies so start them all off at the same time

slmyers

// adds a function to the microtask queue, will not print anything this tick
Promise.resolve().then(() => console.log(2))
// this will execute on the current phase of the event loop
console.log(1)

slmyers

int find_kth(int *v, int n, int k) {
    if (n == 1 && k == 0) return v[0];

    int m = (n + 4)/5;
    int *medians = new int[m];
    for (int i=0; i<m; i++) {
        if (5*i + 4 < n) {
            int *w = v + 5*i;
            for (int j0=0; j0<3; j0++) {
                int jmin = j0;

slmyers

In August 2007 a hacker found a way to expose the PHP source code on facebook.com. He retrieved two files and then emailed them to me, and I wrote about the issue:

http://techcrunch.com/2007/08/11/facebook-source-code-leaked/

It became a big deal:

http://www.techmeme.com/070812/p1#a070812p1

The two files are index.php (the homepage) and search.php (the search page)

slmyers

// in src/schema.spec.js
const { graphql } = require('graphql');
const schema = require('./schema');

it('responds to the Tweets query', () => {
    // stubs
    const queryStub = q => {
        if (q == 'SELECT * from tweets') {
            return Promise.resolve({ rows: [
                { id: 1, body: 'Lorem Ipsum', date: new Date(), author_id: 10 },

slmyers

import React, { useContext, useRef, useState } from 'react'
import { DatePicker, MuiPickersContext } from '@material-ui/pickers'
import withStyles from '@material-ui/core/styles/withStyles'
import clsx from "clsx";
import { useStyles as dayStyles } from '@material-ui/pickers/views/Calendar/Day';

function DateRangePicker({
	                         classes,
	                         value,
	                         onChange,

slmyers

# this file was autogenerated by updateSchema.js
# yarn update:schema

type Mutation {
  dummy: Boolean
}

"""An object with an ID"""
interface Node {

slmyers

A common situation is rendering a form input iff some condition has been met. As an example, a user selects other from a gender dropdown and a text input is rendered so they can specify.

// how we commonly address this use-case
class Example extends React.Component {
  state = { gender: null } //tracking form state in component
  onGenderChange = e => this.setState({ gender: e.target.value }) //updating form state outside of form
  render() {
    const { gender } = this.state

slmyers

const http = require('http');
const https = require('https');
const fs = require('fs');
const App = require('./App');
const httpsOpts = {
    key: fs.readFileSync("../certs/key.pem", "utf8"),
    cert: fs.readFileSync("../certs/server.crt", "utf8")
};

http.createServer(App).listen(3000, () => console.log("The http server is listening on port 3000."));

slmyers

import React, { Component } from "react"
import logo from '../logo.svg';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
import Avatar from '@material-ui/core/Avatar';
import { GET_MESSAGES } from "../GraphQL"
import { Query } from 'react-apollo';

export default class extends Component {
  render(){