The Conscious React
You build apps that survive growth, scale, and change.
For the developer who can already build a feature — and now needs to build a system. 100+ production tips for React 19, Server Components, and the Compiler era.
By Petar Ivanov — software engineer & architect
30,000+ engineers read The T-Shaped Dev · 72k on LinkedIn · 8+ yrs shipping React at Fortune 500 · GitNation & Geekle speaker
Why another book on React?
Many software, business, and soft-skills books are filled with fluff.
I appreciate books that are just long enough to deliver their value and short enough that there's an ‘aha’ moment on nearly every page.
That's the promise of ‘The Conscious React’.
‘The Conscious React’ is not a book about React 101. It doesn't teach React.
Instead, it combines software design and architecture essentials with React, helping you write scalable and testable React apps from first principles.
This 2nd edition is rebuilt for the 2026 React landscape — React 19, Server Components, the React Compiler and modern tooling — and ships with four companion repositories you can clone and run today.
What other engineers say about my work
Read weekly by 30,000+ engineers on The T-Shaped Dev. Featured by fellow newsletter authors and senior engineers.
Petar teaches you the most important concepts you need to know in a practical, easy-to-understand way. I highly recommend subscribing 🔥
Great newsletter to help you level up as an engineer! Petar shares very practical insights in a very detailed and understandable way.
Petar is an incredibly versatile and experienced engineer. The T-Shaped Dev is your starting point no matter where you are in your SWE career.
Great for practical advice around modern web tech stacks.
Why this book?
Most React resources teach you the how. We focus on the why.
Application Structure & Architecture
Designing predictable data flows, drawing Server Component boundaries, and deciding where state truly belongs. Architecture that scales from side project to Fortune 500.
Component Design
Reusable, composable, maintainable components — built for the React Compiler era. Refs-as-props, server vs. client patterns, and the boundaries that age well.
Performance
Profile, measure, optimize — in the right order. Leverage the React Compiler, Server Components, and AbortController patterns to ship fast apps without manual memoization theatre.
Testing & Tooling
A five-layer testing pyramid with Vitest, MSW v2 and Playwright. Plus the 2026 tooling stack — Oxlint, Oxfmt, pnpm, Turbopack — that keeps your codebase fast and consistent.
What people are saying
It is a fantastic and easy read with simple to follow guidelines illustrated with examples. The book has been really beneficial and practical for me from day one.
Petar's book is excellent for React developers at all skill levels and deserves a spot on every React shop's shelf. Each page offers short, simple, and applicable advice.
As a React beginner, this is a great book to guide my choices when developing applications. It is clear, compact and easy to reference whenever needed.
As someone who recently started working with React this book helps me a lot with best-practices approaches and guidance.
Easy, simple, practical tips, and to the point! I totally recommend!
The book has very valuable practical tips and insights. I totally recommend!
I'm a programmer at the Junior level and would like to improve through a combination of study and practice. Having read the first two-dozen pages, I am glad I bought it. I very much like how concise and laconic it is. The book goes from the simple — e.g. component-level best practices — to the more complex — e.g. performance and testing. By following the best practices mentioned, I now better know how to transform my code from being bloated, unoptimised and messy to being organised, structured and more easily scalable. And thanks to the included explanations I can understand the “why” part of the learning process. In summary, a great addition to my e-book collection!
A peek inside.
6 Chapters. ~200 Pages. 100+ Tips. 4 Companion Repos. No fluff, just timeless principles — updated for React 19, Server Components and the React Compiler — that make the difference between writing code and crafting software.
Each principle comes with context (🧩 why it matters), what to avoid (⛔), and what to prefer (✅) — illustrated with real React examples.
Read Free ChaptersRead some of the chapters for free on The T-Shaped Dev.
Refs Are Just Props Now
React 19 drops the forwardRef wrapper for function components. A ref is now a regular prop. Less ceremony, fewer wrappers, cleaner component types — and one fewer concept to teach.
import { forwardRef } from 'react';
type Props = { label: string };
const Input = forwardRef<HTMLInputElement, Props>(
({ label }, ref) => (
<label>
{label}
<input ref={ref} />
</label>
),
);
Input.displayName = 'Input';type Props = {
label: string;
ref?: React.Ref<HTMLInputElement>;
};
const Input = ({ label, ref }: Props) => (
<label>
{label}
<input ref={ref} />
</label>
);Takeaway — In React 19, type ref as a regular prop. Reserve forwardRef for libraries that still need to ship pre-19 compatibility.
This is one tip. The book has 100+ more — each in the same Context → Avoid → Prefer → Takeaway format.
Invest in Your Craft
Choose the tier that fits your learning style. Every purchase includes lifetime updates as React continues to evolve.
- The ~200-page 2nd edition in PDF, MOBI and EPUB formats
- 100+ production tips across 6 chapters
- React 19, Server Components and Compiler-era coverage
- Lifetime updates as React continues to evolve
- The ~200-page 2nd edition in PDF, MOBI and EPUB formats
- book-examples repo — every tip as a runnable Avoid / Prefer demo
- case-studies repo — 9 deep-dive React projects (E2E, Storybook, MSW, a11y…)
- react-boilerplate — production-ready Vite + React 19 starter
- nextjs-boilerplate — Next.js 15 + App Router + RSC starter
- CLAUDE.md ruleset so Claude Code, Cursor & Copilot generate book-aligned code
- Lifetime updates as React continues to evolve
30-day money-back guarantee
Read the book. Run the companion repos. If it doesn't help you ship better React, email me within 30 days and I'll refund every cent — no questions asked.
🔒 Secure payment powered by Stripe. Local taxes not included.
Frequently Asked Questions
The 2nd edition is a full rewrite for the 2026 React landscape: React 19, Server Components, the React Compiler, modern testing (Vitest, MSW v2, Playwright) and modern tooling (Oxlint, Oxfmt, pnpm, Turbopack). Expanded to 100+ production tips, with brand-new chapters on RSC mental models, refs-as-props, forms with actions, and hydration-mismatch prevention. The Complete Package now ships with four companion git repositories you can clone and run.
The book's target audience is people who are already familiar with React. Ideally, they have implemented an app or two and now want to progress to the next level. If you're a complete beginner, the book may not be the best fit. You'll definitely need it after a few months into your React journey though!
Not at all. However, you'll gain the most from this book if you have some foundations and experience with React but are ready to take it to the next level!
Currently, I only offer the digital version, but this may change if there is demand for a physical version.
The book ships as PDF, MOBI and EPUB. Companion code is delivered as GitHub repository access (book-examples, case-studies, react-boilerplate, nextjs-boilerplate).
Ready to build with
absolute clarity?
Join the new era of high-end frontend engineering today.
Purchase Now