Cristi Șatcovschi cristii

Cheng Lou - On the Spectrum of Abstraction

Cheng Lou, a former member of the React team, gave an incredible talk at React Europe 2016 entitled "On the Spectrum of Abstraction". That talk is available for viewing here: https://www.youtube.com/watch?v=mVVNJKv9esE

It's only a half-hour, but it is mind-blowing. It's worth re-watching two or three times, to let the ideas sink in.

I just rewatched the talk for some research, and wrote down a summary that's semi-transcript-ish. I didn't see any other transcripts for this talk, other than the auto-generated closed captions, so I wanted to share for reference.

	class ParentComponent extends Component {
	render() {
	// My basic render function structure:

	// 1) Extract values from props and state
	const {a, b, someBoolean, someList} = this.props;

	// 2) Render any dependent items into temporary variables, such as conditional components or lists
	const conditionalComponent = someBoolean ? <SomeComponent /> : null;
	const listItems = someList.map(item => <ListItem item={item} />);

	// Action creators can be impure.
	export const addChat = ({
	// cuid is safer than random uuids/v4 GUIDs
	// see usecuid.org
	id = cuid(),
	msg = '',
	user = 'Anonymous',
	timeStamp = Date.now()
	} = {}) => ({
	type: ADD_CHAT,

	// Live video stream management for HTML5 video. Uses FFMPEG to connect to H.264 camera stream,
	// Camera stream is remuxed to a MP4 stream for HTML5 video compatibility and segments are recorded for later playback
	var liveStream = function (req, resp) { // handle each client request by instantiating a new FFMPEG instance
	// For live streaming, create a fragmented MP4 file with empty moov (no seeking possible).

	var reqUrl = url.parse(req.url, true)
	var cameraName = typeof reqUrl.pathname === "string" ? reqUrl.pathname.substring(1) : undefined;
	if (cameraName) {
	try {
	cameraName = decodeURIComponent(cameraName);

Cristi Șatcovschi cristii

Cheng Lou - On the Spectrum of Abstraction

Summary