ryardley

// ======================================
//  HIGHER ORDER CURRIED ARROW FUNCTIONS
// ======================================

// Double arrows are great for creating functions
// that dont need all their arguments at once
// This is best for functions that need configuration
// before running on an active value.

// So here we have a function called 

ryardley

javascript:(function () {
  var BASE_PIXELS = 8;
  var baselineNode = document.querySelector(".baseliner-overlay");
  if (baselineNode) {
    baselineNode.remove();
    return;
  }
  var body = document.body,
        html = document.documentElement,
        height = Math.max(body.scrollHeight, body.offsetHeight, 

ryardley

openssl s_client -crlf -connect imap.gmail.com:993
tag login [email protected] passwordhere
tag list "" "*"
tag select "inbox"
tag fetch 1:3 body[header]
tag fetch 3 body[header]
tag fetch 3 body[text]
tag fetch 2 all
tag fetch 2 fast
tag fetch 2 full

ryardley

import { useState } from 'react';

function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count => count + 1)}>

ryardley

import React from 'react';

// numberBehaviour.js
const numberBehaviour = {  
  getInitialState() {
    return {
      newNumber: 1
    }
  },
  setNewNumber(num) {

ryardley

// This function takes a component...
function withSubscription(WrappedComponent, selectData) {
  // ...and returns another component...
  return class extends React.Component {
    constructor(props) {
      super(props);
      this.handleChange = this.handleChange.bind(this);
      this.state = {
        data: selectData(DataSource, props)
      };

ryardley

const Comments = ({ repoFullName }) => (
  <Mutation mutation={DELETE_COMMENT}>
    {(deleteComment) => (
      <Query query={GET_CURRENT_USER}>
        {({data: {currentUser}}) => (
          <Subscription
            subscription={COMMENTS_SUBSCRIPTION}
            variables={{ repoFullName }}>
            {({ data: { commentAdded }, loading }) => (
              <div>

ryardley

import React from 'react';
import useFriendStatus from './useFriendStatus';

export default function FriendListItem(props) {
  const isOnline = useFriendStatus(props.friend.id);

  return (
    <li style={{ color: isOnline ? 'green' : 'black' }}>
      {props.friend.name} 
    </li>

ryardley

<DataProvider render={data => (
  <h1>Hello {data.target}</h1>
)}/>

ryardley

let state = [];
let setters = [];
let firstRun = true;
let cursor = 0;

function createSetter(cursor) {
  return function setterWithCursor(newVal) {
    state[cursor] = newVal;
  };
}