You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Update all chapter numbers and references throughout the book
Major updates:
- Renumbered all chapters 1-16 (was incorrectly 3-18)
- Updated all front matter titles in chapter files
- Fixed Table of Contents with correct chapter numbers
- Updated homepage and README to reflect 16 chapters
- Fixed sample quote reference (Chapter 3, not 5)
- Clarified book structure: Introduction + 16 Chapters + Conclusion + Appendix
The book now properly shows:
- Introduction (before Chapter 1)
- Chapters 1-16 (the main content)
- Conclusion
- Appendix
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <[email protected]>
Copy file name to clipboardExpand all lines: 03-chapter-why-react-exists.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 3: Why React Exists"
3
+
title: "Chapter 1: Why React Exists"
4
4
nav_order: 4
5
5
---
6
6
7
-
# Chapter 3: The Problem React Claims to Solve (That Wasn't Really a Problem)
7
+
# Chapter 1: The Problem React Claims to Solve (That Wasn't Really a Problem)
8
8
9
9
In 2013, Facebook had a problem. Not a "the servers are on fire" problem, or a "we're hemorrhaging users" problem. No, Facebook had a much more first-world problem: their notification counter was sometimes wrong.
Copy file name to clipboardExpand all lines: 04-chapter-javascript-fatigue.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 4: JavaScript Fatigue"
3
+
title: "Chapter 2: JavaScript Fatigue"
4
4
nav_order: 5
5
5
---
6
6
7
-
# Chapter 4: JavaScript Fatigue: How We Got Here
7
+
# Chapter 2: JavaScript Fatigue: How We Got Here
8
8
9
9
In 2009, you could build a website with Notepad and feel like a god. By 2015, you needed a computer science degree just to display "Hello, World" on a page. This is the story of how we got from `<script>alert('hi')</script>` to needing seventeen build tools just to start a project.
Copy file name to clipboardExpand all lines: 05-chapter-virtual-dom-lie.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 5: Virtual DOM"
3
+
title: "Chapter 3: The Virtual DOM"
4
4
nav_order: 6
5
5
---
6
6
7
-
# Chapter 5: The Virtual DOM: A Beautiful Lie
7
+
# Chapter 3: The Virtual DOM: A Beautiful Lie
8
8
9
9
The Virtual DOM is React's crown jewel, its killer feature, the innovation that supposedly makes it faster than everything else. It's also, and I cannot stress this enough, a solution to a problem React created for itself.
Copy file name to clipboardExpand all lines: 06-chapter-jsx-abomination.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 6: JSX"
3
+
title: "Chapter 4: JSX"
4
4
nav_order: 7
5
5
---
6
6
7
-
# Chapter 6: JSX: When HTML and JavaScript Had a Baby Nobody Asked For
7
+
# Chapter 4: JSX: When HTML and JavaScript Had a Baby Nobody Asked For
8
8
9
9
JSX is React's most visible feature and its most controversial. It's the thing that makes React developers say "it's just JavaScript!" and everyone else say "that's definitely not JavaScript."
Copy file name to clipboardExpand all lines: 07-chapter-components-everywhere.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 7: Components"
3
+
title: "Chapter 5: Components"
4
4
nav_order: 8
5
5
---
6
6
7
-
# Chapter 7: Components: Everything is a Nail When You Have a Hammer
7
+
# Chapter 5: Components: Everything is a Nail When You Have a Hammer
8
8
9
9
In React's world, everything is a component. Your header? Component. Your button? Component. That space between two words? Probably should be a component. That feeling of existential dread as you contemplate your career choices? Definitely a component.
Copy file name to clipboardExpand all lines: 08-chapter-state-management-hell.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 8: State Management"
3
+
title: "Chapter 6: State Management"
4
4
nav_order: 9
5
5
---
6
6
7
-
# Chapter 8: State Management: Choose Your Own Adventure in Hell
7
+
# Chapter 6: State Management: Choose Your Own Adventure in Hell
8
8
9
9
State management in React is like a Choose Your Own Adventure book where every choice leads to suffering, just different flavors of it. Do you want the suffering of prop drilling? The suffering of Context API re-renders? The suffering of Redux boilerplate? Or the suffering of choosing between 47 different state management libraries?
Copy file name to clipboardExpand all lines: 09-chapter-hooks-magic.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 9: Hooks"
3
+
title: "Chapter 7: Hooks"
4
4
nav_order: 10
5
5
---
6
6
7
-
# Chapter 9: Hooks: The Magic That Makes You Miss Classes
7
+
# Chapter 7: Hooks: The Magic That Makes You Miss Classes
8
8
9
9
In 2018, React said, "You know those class components we've been telling you to use for the past five years? Yeah, forget about them. Functions are the future now. Here's a bunch of magic functions that start with 'use' to make it work."
Copy file name to clipboardExpand all lines: 10-chapter-effects-footguns.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 10: useEffect"
3
+
title: "Chapter 8: useEffect"
4
4
nav_order: 11
5
5
---
6
6
7
-
# Chapter 10: useEffect: The Footgun You'll Shoot Yourself With
7
+
# Chapter 8: useEffect: The Footgun You'll Shoot Yourself With
8
8
9
9
useEffect is React's answer to the question, "How do we do side effects in functional components?" The answer, apparently, is "Confusingly, with lots of bugs, and in a way that makes developers question their sanity."
Copy file name to clipboardExpand all lines: 11-chapter-props-drilling.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
---
2
2
layout: default
3
-
title: "Chapter 11: Props Drilling"
3
+
title: "Chapter 9: Props Drilling"
4
4
nav_order: 12
5
5
---
6
6
7
-
# Chapter 11: Props Drilling: Pass It Down, Pass It Down, Pass It Down...
7
+
# Chapter 9: Props Drilling: Pass It Down, Pass It Down, Pass It Down...
8
8
9
9
Props drilling is what happens when your great-grandmother needs to pass down a family heirloom to you, but instead of giving it directly, she has to give it to your grandmother, who gives it to your mother, who gives it to you. Except your grandmother and mother don't care about the heirloom at all. They're just the middlemen in this generational game of hot potato.
0 commit comments