A Coolman 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

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

[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,

ag -u -Q "autoprefixer({" .

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

Language basics

let binding

let is just an expression and akin to a function!

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

	#!/usr/bin/env bash
	# setup-github-ssh.sh — macOS/Ubuntu. Creates (if needed) an ed25519 key, loads it, and registers it with GitHub via gh (if available).
	set -euo pipefail

	KEY="${HOME}/.ssh/id_ed25519"
	PUB="${KEY}.pub"
	EMAIL="${GIT_EMAIL:-}" # optional: export GIT_EMAIL="[email protected]" to tag the key comment
	TITLE="${HOSTNAME:-$(hostname)} $(date +%Y-%m-%d)"
	OS="$(uname -s \|\| true)"

	#!/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

	#!/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;