// Tips & Tricks Digest — page logic const { useState, useEffect } = React; // ============================================================ // TOP BAR // ============================================================ function DigestTopBar() { return (
TW THAT WORKS STUDIO
); } // ============================================================ // SECTION HEAD // ============================================================ function SectionHead({ num, label, white }) { return (
§ {num} {label}
); } // ============================================================ // HERO // ============================================================ function DigestHero() { return (
VOL. 02 · 2026 · COMPANION TO VOL. 01
THE POCKET DIGEST

The companion to English That Works

Practical English, in your pocket.

CHAPTERS
73
BLOCKS / CH.
04
PAGES
158
Join the waitlist → See the main book
); } // ============================================================ // WHAT IT IS // ============================================================ function DigestPremise() { return (

The condensed companion.
Built for fast revision.

When you've read a chapter in the main book and you want to lock it in — or you just need a quick reminder before a meeting, a call, or an email — this is where you flip.

Same 73 chapters as English That Works, stripped to the four blocks you actually flip back to.

); } // ============================================================ // FOUR BLOCKS — the chapter anatomy // ============================================================ function FourBlocks() { const [active, setActive] = useState(null); const blocks = [ { n: "01", t: "How English Thinks", s: "The underlying logic — why English does it differently from Italian.", preview: ( <>

In Italian, the presente covers two situations: things in general (lavoro a Milano) and things happening right now (lavoro adesso). English splits these into two different tenses.

✗I work now. (general routine?)
✓I'm working now. (right this moment)

The Present Simple is for things that are true even when you're not doing them. You still "live in Rome" while you're asleep.

) }, { n: "02", t: "Core Rule", s: "The pattern itself, stripped to essentials.", preview: ( <>
+I / you / we / they work
+he / she / it works ← add -s
−I don't work · she doesn't work
?Do you work? · Does he work?

One pattern, three uses:

) }, { n: "03", t: "Quick Recap", s: "The chapter in a handful of bullet points.", preview: ( ) }, { n: "04", t: "Quick Test", s: "A diagnostic question you ask yourself while speaking — the fastest way to pick the right form.", preview: ( <>

"Is the action still true when you're not actively doing it?"

✓ Yes — habit, fact, or identity → Present Simple
✗ No — only true at this moment → Present Continuous

Apply the test:
"I live in Rome" — true even while asleep. ✓ Present Simple
"I'm cooking dinner" — only true right now. ✓ Present Continuous
"She works for Google" — true on Saturdays too. ✓ Present Simple

) } ]; useEffect(() => { if (active === null) return; const onKey = (e) => { if (e.key === "ArrowDown" || e.key === "ArrowRight") { e.preventDefault(); setActive((a) => Math.min(blocks.length - 1, (a ?? 0) + 1)); } else if (e.key === "ArrowUp" || e.key === "ArrowLeft") { e.preventDefault(); setActive((a) => Math.max(0, (a ?? 0) - 1)); } else if (e.key === "Escape") setActive(null); }; window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [active, blocks.length]); return (

Four blocks.
Every chapter, same shape.

The Digest mirrors the structure of the main book — but only keeps the four pieces you'd actually flip back to during real-life use.

73
CHAPTERS
04
BLOCKS EACH
    {blocks.map((step, i) => { const isOpen = active === i; return (
  1. FROM CHAPTER 1 · PRESENT SIMPLE BLOCK {step.n} / 04
    {step.preview}
    2. ); })}
); } // ============================================================ // WHY vs WHAT — relationship with main book // ============================================================ function BookRelation() { return (
THE BOOK

English That Works

Gives you the why — the full explanations, the real-life examples, the common mistakes, the practice exercises, and the "Sound More Natural" upgrades.

See the book →
+
THE DIGEST

Tips & Tricks Digest

Gives you the what + how — distilled to four blocks per chapter, ready to flip back to before a meeting, a call, or an email.

Join the waitlist →

Use them together: read deeply in the book, revise fast here. Reference chapters (the Survival Grammar and Bonus sections) are shorter in the Digest by design — they're already lists and tables in the main book.

); } // ============================================================ // FOOTER // ============================================================ function Footer() { return ( ); } // ============================================================ // APP // ============================================================ function App() { useEffect(() => { const onClick = (e) => { const a = e.target.closest("a[href^='#']"); if (!a) return; const id = a.getAttribute("href").slice(1); if (!id) return; const el = document.getElementById(id); if (!el) return; e.preventDefault(); window.scrollTo({ top: el.offsetTop - 60, behavior: "smooth" }); }; document.addEventListener("click", onClick); return () => document.removeEventListener("click", onClick); }, []); useEffect(() => { const io = new IntersectionObserver( (entries) => entries.forEach((e) => e.isIntersecting && e.target.classList.add("in-view")), { threshold: 0.15 } ); document.querySelectorAll(".section-head, .section-h, .anatomy-grid, .relation-grid, .premise-pairs").forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); return (
); } ReactDOM.createRoot(document.getElementById("root")).render();