BenBrostoff

const SomeComponent = p => <div>{p.message}</div>;

BenBrostoff

interface SomeProps {
  message: string;
}

const SomeComponent: React.SFC<SomeProps> = p => <div>{p.message}</div>;

BenBrostoff

type SFC<P = {}> = StatelessComponent<P>;
interface StatelessComponent<P = {}> {
  (props: P & { children?: ReactNode }, context?: any): ReactElement<any> | null;
  propTypes?: ValidationMap<P>;
  contextTypes?: ValidationMap<any>;
  defaultProps?: Partial<P>;
  displayName?: string;
}

BenBrostoff

Intro - made this originally for my friend trying to do C++ homework on a Mac.

1. Add this Dockerfile

FROM alpine

RUN apk add --update make
RUN apk add build-base
RUN mkdir /mycode

BenBrostoff

High Level Description

• Orchestrator for a container environment
• Job allocator

Terminology

• Cluster - a set of computing instances that Kubernetes manages
• Pod - Essentially a VM with a group of containers sharing OS, networking and storage that is separate from the node. The pod lives inside the ndode, and the containers live inside the pod.
• Service - assigns fixed IP to pod replicas, allows other pods or services to communicate

BenBrostoff

// thanks to @jnelson for showing me this technique

const original = () => process.env.someThing;

// you might be tempted to do this
const original2 = () => {
  console.log(process.env.someThing);
  return process.env.someThing;
};

BenBrostoff

1. Ignore whitespace in Bitbucket by adding ?w=1 to URLs
2. adb logcat allows tailing of Native logs in React Native (Android)
3. Aspect ratios
4. adb shell ls <dir> or any adb shell command
5. exp start -a --tunnel
6. ./gradlew <command> (build)
7. Gradle project sync - use local distribution
8. Android release docs (./gradlew assembleRelease)
9. Making own RN mod
10. Debugging on real device

BenBrostoff

// https://github.com/acdlite/recompose/wiki/Recipes
// Container.js
import { compose, lifecycle, setStatic } from 'recompose';
import { retrieveStuff } from '../../services/db/index';
import SavedStuff from './SavedStuff';
import { generateNavOptions } from '../../nav';

const withStoryData = lifecycle({
  state: { loading: true },
  componentDidMount() {

BenBrostoff

/**
 * Reads the state tree managed by the store.
 *
 * @returns {any} The current state tree of your application.
 */
function getState() {
  if (isDispatching) {
    throw new Error(
      'You may not call store.getState() while the reducer is executing. ' +
        'The reducer has already received the state as an argument. ' +

BenBrostoff

let currentReducer = reducer
let currentState = preloadedState
let currentListeners = []
let nextListeners = currentListeners
let isDispatching = false

function ensureCanMutateNextListeners() {...}

function getState() {...}