Jak číst změny, když neumíš číst kód

Existuje mýtus, že kontrola kódu vyžaduje umět kód psát. Nevyžaduje. Vyžaduje umět se ptát.

Co je diff

Diff je rozdíl mezi tím, co bylo, a tím, co je. Claude Code ti ho ukazuje u každé změny.

  export function Tlacitko({ text }) {
    return (
-     <button className="bg-blue-500 px-2 py-1">
+     <button className="bg-green-600 px-4 py-2 rounded">
        {text}
      </button>
    );
  }

Čti to takhle:

• Řádek s - byl smazaný.
• Řádek s + je nový.
• Řádky bez značky jsou beze změny, jsou tam jen pro kontext.

I bez znalosti kódu z toho vidíš: změnila se barva z modré na zelenou, zvětšilo se odsazení a přibylo zaoblení. Přesně tolik potřebuješ vědět.

Pět otázek na jakoukoliv změnu

1. Kolik souborů se změnilo?

   Prosil jsi o změnu barvy tlačítka a změnilo se osm souborů? Zeptej se proč.

2. Změnilo se něco, o co jsi neprosil?

   Nejdůležitější otázka. Hledej soubory, které s tvým zadáním nesouvisí.

3. Nesmazalo se něco?

   Velké bloky s - bez odpovídajících +. Něco zmizelo – bylo to úmyslné?

4. Nepřibyla nová závislost?

   Změna v package.json znamená nový balíček. Rozhodnutí, ne detail.

5. Není tam něco, co vypadá jako tajemství?

   Dlouhý náhodný řetězec, slovo key, token, secret, password. Vždycky se zastav.

Shrň mi, co jsi změnil:

1. Které soubory a proč každý z nich.
2. Co se změnilo z pohledu uživatele – co uvidí jinak.
3. Změnil jsi něco, o co jsem výslovně neprosil? Když ano, co a proč.
4. Přidal jsi nějakou závislost?
5. Co by se mohlo rozbít jinde v projektu kvůli téhle změně?

Piš tak, aby to pochopil někdo, kdo neumí programovat.

Bod 5 je nedoceněný. Nutí Clauda přemýšlet o následcích, ne jen o zadání.

Když něčemu nerozumíš

Zeptej se. Není to hloupá otázka – je to kontrola.

Vysvětli mi tenhle kus změny:

---
[VLOŽ ČÁST DIFFU]
---

Vysvětli to jako někomu, kdo neumí programovat:
1. Co ten kód dělá.
2. Proč to bylo potřeba.
3. Co by se stalo, kdybychom to tam nedali.
4. Může to něco rozbít?

Kde diff uvidíš

1. Přímo v Claude Code

   Když navrhuje změnu, ukáže ti, co se změní, ještě před provedením.

2. Přes Git

   Napiš „ukaž mi, co se od posledního commitu změnilo“. Uvidíš souhrn všech změn. Modul 9.

3. Ve VS Code

   Když máš projekt otevřený v editoru, změněné soubory se zvýrazní a rozdíl se dá zobrazit vedle sebe.

Rychlá vizuální kontrola

U změny vzhledu funguje jedna věc lépe než čtení kódu: screenshot před a po.

Než uděláš tu změnu, popiš mi přesně, jak stránka vypadá teď –
rozvržení, velikosti, barvy.

Po změně mi popiš, co je jinak, a řekni mi, na co se mám v prohlížeči
podívat, abych rozdíl viděl.