Skip to content

ReactField

Practical React advice for teams that ship.

Clear defaults on rendering, state, and performance, next to the docs, for real product work.

01 / Packs

Tip packs

Pick a lane. Each pack is a short path through a real production mess.

02 / Featured

The ones people open when production is already on fire.

03 / Snacks

Quick hits

One-screen problems. Open, skim, fix, get back to shipping.

04 / Order

Recommended order

A practical sequence if you want to cover the ground. Skip what you know; progress is saved as you read.

  1. Foundations

    Mental models and team conventions everything else builds on.

    1. 01React Fundamentals4m
    2. 02Project Standards15m
    3. 03Accessibility & Semantics13m
    4. 04Styling & UI Libraries4m
  2. Core React

    Hooks, state, and how rendering really works.

    1. 05Proficiency with Hooks25m
    2. 06State Management Fundamentals20m
    3. 07Why Parent State Re-renders Children8m
    4. 08State Management Anti-Patterns5m
    5. 09React Rendering Strategies5m
  3. Production

    Performance, delivery, and confidence at scale.

    1. 10Performance & Optimization6m
    2. 11Stop Unnecessary Re-renders3m
    3. 12Eliminating Async Waterfalls4m
    4. 13Bundle Size Optimization11m
    5. 14Automated Testing7m

05 / Click

That click moment

When the mental model finally lines up and you stop guessing.

  • 01

    Docs for APIs. Us for decisions.

    react.dev owns the API. ReactField owns the awkward middle: which tool, which pattern, what to optimize first.

  • 02

    Impact over hype

    Advice ranked by what moves production metrics not by what got a thousand likes this week.

  • 03

    Open it mid-incident

    Skim a tip when you are stuck. Follow the order when you want the full set of defaults.

Still hunting?

Hit / and search like you mean it.

Browse all tips

06 / Newsletter

Inbox snacks, not inbox sludge

Occasional notes when we ship something worth opening. No daily pep talks.