Transform
Information into
learning notes

Formal vs Informal Greetings

Bonjour — used in any formal context, from morning until evening. Always the safe default.

Salut — casual, equivalent to "hey." Only with friends or peers your age.

Key Phrase: Introducing Yourself

Je m'appelle... — "My name is..."

Step 1: Prepare the Duxelles

Step 2: Sear the Fillet

Understanding Sleeve Cap Geometry

The sleeve cap is the most temperamental part of any sleeve, and it is the place where most home-sewn shirts quietly betray themselves — that small, telltale pucker just above the shoulder seam. The fix is not skill. The fix is geometry.

A well-drafted cap carries between two and a half and four centimetres of ease — extra length tucked into the curve so the fabric can wrap around the rounded top of the arm without buckling. Heavier fabrics demand more; jersey and linen want less. The fabric is doing work for you, so you have to give it room to do it.

Drafting the Curve

Start with the back. The back armhole is always slightly deeper than the front, which means the back cap curve must sit a touch higher than the front to match. Sketch the back first, and the front will fall into place around it without argument.

The cap height itself comes from a single formula: take the armscye depth, divide it by three, then add two centimetres of ease. For an armscye of forty-two, that gives you sixteen centimetres of cap. For structured wools, push that to sixteen and a half; for knits, drop it to fifteen.

Mark the grainline straight through the centre of the sleeve, parallel to the selvedge. This is not optional. A sleeve cut off-grain will twist on the body within an hour of wearing.

Server vs Client Components

The key mental model: Server Components run once on the server and send pure HTML. Client Components ship JavaScript to the browser.

// This is a Server Component (default in Next.js App Router)
async function UserProfile({ id }: { id: string }) {
  const user = await db.user.findUnique({ where: { id } });
  return <div>{user.name}</div>;
}

// This is a Client Component
'use client';
function LikeButton() {
  const [liked, setLiked] = useState(false);
  return <button onClick={() => setLiked(true)}>♥</button>;
}

When to use which?