Bodhi bodhi

Redux reducers can compose in a couple of different ways:

combineReducers creates a new state tree with the composed reducers owning/controlling leaves (subtrees).

Or a straight merge, something like:

const reducer = (state, action) => ({
    ...reducerA(state, action),
 ...reducerB(state, action)

I want to do something based on an action being dispatched, rather than the state being a given value. For example:

Reload the timeline immediately after I log in on my Twitter client
Retrieve data about a notification immediately on receiving a notification

I could set up a reactive signal or promise or something like that and pump events into it, and dispatch events into Redux. But I already have a place that I'm dispatching actions into: the Redux store.

It reminds me of Yaron Minsky's blog post with some discussion about edge-triggering vs level-triggering.

(waitForState is a bit overengineered for this example, compared to waitForAction)

Implement the function handle to accept lines of text and output reformatted text, wrapped at columnWidth characters, without breaking words.

So

Yr brunch Godard, readymade pug Pinterest gastropub put a bird on it Tumblr.
Sartorial swag beard, selvage bitters tofu vinyl.
Tattooed kogi organic scenester heirloom, cred four loko cardigan cray meh Portland master cleanse photo booth Shoreditch farm-to-table.

when wrapped at 30 characters becomes

	<div
	><div
	><img
	src="http://lolcats.com/lolcat.jpg" alt="logo"></img>
	<h1
	>hello</h1>
	</div>
	<p
	>little bobby tables: <script>alert('xss!')</script></p>
	<ul

	function mapIntl(j, path) {
	const intlIdAttr = path.value.openingElement.attributes.find(
	({
	name: { name }
	}) => name === 'intlId'
	);

	const intlValAttr = path.value.openingElement.attributes.find(
	({
	name: { name }

	piggyback(fn) => () => {
	if (!fn["@@piggyback"]) {
	const promise = fn();
	fn["@@piggyback"] = promise
	promise.then(() => {
	delete fn["@@piggyback"];
	});
	return promise
	} else {
	return fn["@@piggyback"].then(res => {

	require('normalize.css');
	require('styles/App.css');

	import React from 'react';
	import { connect, Provider } from 'react-redux';
	import { createStore } from 'redux';

	const store = createStore((s, a) => {
	switch (a.type) {
	case "LOG_IN":

	package main

	import (
	"bufio"
	"fmt"
	"os"
	"regexp"
	"strconv"
	"strings"
	)


	RULES = {
	"A" => [[1, 50],
	[3, 130]],
	"B" => [[1, 30],
	[2, 45]],
	"C" => [[1, 20]],
	"D" => [[1, 15]]
	}

	module A
	module X
	def x
	"X::x"
	end
	end
	end

	# Won't search in A for X, so need to scope it.
	class A::B