AshCoolman

#!/bin/bash

if [ ! -f "package.json" ]; then
  echo "No package.json. Run this at your project root."
  exit 1
fi

echo -n "Command not found: "
read command

AshCoolman

Styled utility functions package

I try and resist putting stuff in this package. But its just for overflow when theme/markup doesn't cut it, and if I CONTINUALLY reuse some styles.

Package structure

.
├── defaultTheme
│   └── index.js
├── index.js

AshCoolman

Introduction

React Native dimensions are unitless & represent density-independent pixels (abstract pixels, representing a physical distance on the device)

Density-independent pixel (dp)

WARNING: DP (or DiP) not DPI

DP units keep _things roughly the same physical size

AshCoolman

[PROOF OF CONCEPT] For when you want "tabbable" children (e.g. in Date selector composed of a textfield for Day, Month and year) but only want to perform validation on blur-entire-component not each Textfield

class BlurCapturer extends React.Component {
    static propTypes = {
        name: PropTypes.string.isRequired,
        onBlur: PropTypes.func,
        children: PropTypes.node,

AshCoolman

ag -u -Q "autoprefixer({" .

AshCoolman

Creation, Props & Self

• just a record
• need a make function
• creates new component every JSX invocation
• props = labeled arguments make, last prop must be chilren

Props Forwarding

AshCoolman

Language basics

let binding

let is just an expression and akin to a function!

let greeting = hello
let greeting = "hi"; /* shadowed */
let scoped = {

AshCoolman

#!/usr/bin/env bash
# https://lwn.net/Articles/317154/
# USAGE:
#   1. Place this file one level above the project folder
#   2. git bisect start <badSHA> <goodSHA>
#   3. chmod +x ../auto-bisect.sh
#   4. git bisect run ../auto-bisect.sh

rm -r .out
yarn;

AshCoolman

While such costs might be negligable for cold code, in the sort code comparator was invocated millions of times which made overheads of arguments adaptation quite pronounced.

AshCoolman

#!/usr/bin/env bash
notify "kk."