André Staltz staltz

Logic composability problems of lifecycle hooks in React

Suppose I have these components in my project:

class MessageHeader extends React.Component { /* ... */ }

class NiceButton extends React.Component { /* ... */ }

class FridgeContents extends React.Component { /* ... */ }

TypeScript supports Pick to allow you to get a "subset" object type of a given type, but there is no built-in Pick for deeper nested fields.

If you have a function that takes a large object as argument, but you don't use all of its fields, you can use Pick, Pick2, Pick3, etc to narrow down the input type to be only just what you need. This will make it easier to test your function, because when mocking the input object, you don't need to pass all fields of the "large" object.

Not for everyone. Each programmer has their own appreciation of what is good coding music.

For when I need to think deep, debug something, or design

(From most influential to least)

David Helpling & Jon Jenkins (sample)
Patrick O'Hearn (sample)
Ólafur Arnalds (sample)
Michael Hedges (sample)
Alex de Grassi (sample)

	function createObservable(subscribe) {
	return {
	subscribe,
	pipe: function(operator) {
	return operator(this);
	},
	};
	}

	const numberObservable = createObservable(function(observer) {

	/**
	* Callbag loves TypeScript
	*
	* Copy-paste this into http://www.typescriptlang.org/play/index.html
	*/

	// A Callbag dynamically receives input of type I
	// and dynamically delivers output of type O
	type Callbag<I, O> = {
	(t: 0, d: Callbag<O, I>): void;

	function xstreamToPullStream<T>(stream: Stream<T>): Readable<T> {
	let hasBufferVal: boolean;
	let bufferVal: T;
	let bufferEndOrErr: any;
	let callback: Callback<T>;
	const listener: Listener<T> = {
	next: t => {
	console.log('pull stream Listener for xstream', t);
	if (callback) {
	console.log('pull stream direct', t);

	# Tweak tap coordinates as you wish
	function reactnativedev() {
	adb shell input keyevent 82;
	sleep 0.1;
	adb shell input tap 150 1401;
	sleep 0.1;
	adb shell input tap 150 1401;
	sleep 0.1;
	adb shell input text "$1";
	sleep 0.1;


	export function drained$<T>(pullStream: Function): Rx.Observable<T> {
	return Rx.Observable.create(function subscribe(observer: Rx.Observer<T>) {
	const drain = function drain(read: Function) {
	read(null, function more(end: any \| boolean, data: T) {
	if (end === true) {
	observer.complete();
	return;
	}
	if (end) {

	# Name it whatever you want. I like `y` because in my keyboard layout it's close to `;`
	function y() {
	previous=$?
	if [ $previous -eq 0 ]; then
	osascript -e "display notification \"Done\" with title \"Terminal Task\"" && say "it is done";
	else
	osascript -e "display notification \"Failed\" with title \"Terminal Task\"" && say "it went to the trees";
	fi
	}