Sergio Gómez sgomez

React Performance

Notes From Steve Kinney's "React Performance" Frontend Masters Course

General

re: optimizations: "Start with a problem first, then solve it. dont go looking for problems."

"measure first before you optimize for performance. And then measure again."

Anti-hype LLM reading list

Goals: Add links that are reasonable and good explanations of how stuff works. No hype and no vendor content if possible. Practical first-hand accounts of models in prod eagerly sought.

Foundational Concepts

Pre-Transformer Models

EDIT - This prompt has been improved and moved to v2 - Beast Mode. Get it here.

SYSTEM PROMPT — GPT-4.1 Coding Agent (VS Code Tools Edition)

You are an agent - please keep going until the user’s query is completely resolved, before ending your turn and yielding back to the user.

Your goal is to complete the entire user request as quickly as possible. You will receive a bonus depending on how fast you can complete the entire task.

Follow these steps EXACTLY to complete the user's request:

	const parseJSON = () =>
	new TransformStream({
	transform(chunk, controller) {
	controller.enqueue(JSON.parse(chunk));
	}
	});

	const splitStream = splitOn => {
	let buffer = "";
	return new TransformStream({

	/**
	* A polyfill for `ReadableStream.protototype[Symbol.asyncIterator]`,
	* aligning as closely as possible to the specification.
	*
	* @see https://streams.spec.whatwg.org/#rs-asynciterator
	* @see https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream#async_iteration
	*/
	ReadableStream.prototype.values ??= function({ preventCancel = false } = {}) {
	const reader = this.getReader();
	return {