Welcome to "Don't Be a Dinosaur"

Programming concepts explained by dinosaurs who got it wrong.
If you've ever looked at a call stack, React lifecycle diagram, or HTTP request flow and thought "This makes no sense"—you're not alone. Junior developers hit the same walls. This section explains those tricky concepts using dinosaurs as a teaching tool.
The premise: Dinosaurs went extinct because they didn't understand modern programming. Don't be like them.
What's inside
This section covers web development concepts that confuse most beginners:
- React Component Lifecycle — Dinosaurs don't understand growing up
- JavaScript Event Loop — Dinosaurs can't multitask
- HTTP Requests — Dinosaurs send messages by carrier pterodactyl
Each page follows a simple pattern:
- Show the wrong way (what dinosaurs would do)
- Explain why it fails (why dinosaurs went extinct)
- Show the right way (how to evolve beyond dinosaur thinking)
The 8-minute rule
Every topic is written to be read and understood in under 8 minutes. That's about how long it takes to explain something complex to a 5-year-old.
If you finish a page and still don't get it, that's our failure—not yours. Please open an issue and tell us which dinosaur confused you.
Who this is for
- Junior developers who've hit a conceptual wall
- Bootcamp grads who memorized syntax but don't understand why
- Self-taught devs filling gaps in foundational knowledge
- Anyone who learns better with visual metaphors and humor
You don't need to be a beginner to find value here—sometimes a silly dinosaur explains things better than a 400-page textbook.
Meet the dinosaurs
Throughout this section, you'll meet our cast of characters:
- 🦕 Diplo (Diplodocus) — The curious learner who figures things out the right way
- 🦖 Rex (T-Rex) — The stubborn dinosaur who does things the old, wrong way
- 🦅 Pterry (Pterodactyl) — The messenger who carries data between systems
- ⚡ Veloci (Velociraptor) — The clever, fast dinosaur who represents best practices
- 🦕 Stego (Stegosaurus) — The confused dinosaur asking questions (probably you)
When you see a dinosaur icon in a callout box, pay attention—they're teaching you something important.
How to read these pages
Each page has:
- Hero image at the top (sets the scene)
- The dumb way — Rex messing up
- Why it fails — Explanation of the problem
- The smart way — Diplo's solution
- Visual breakdown — Annotated diagrams
- Common traps — Pitfalls even smart dinosaurs fall into
- Try it yourself — Interactive challenge or code snippet
- Recap — One-sentence takeaway
Code examples use real JavaScript/React syntax. Diagrams use dinosaurs. Both are equally important.
Start learning
Pick a topic from the sidebar, or start with React Component Lifecycle—it's the most-requested explanation we've ever written.
Remember: The dinosaurs went extinct. You don't have to.
Meet our dinosaur characters
Diplo
The curious learner
Rex
Does things wrong
Pterry
The messenger
Veloci
Best practices
Stego
Asks questions
🦴 Fossil fact: This entire section was created because a bootcamp grad said "I understand the syntax, but I don't understand when my component actually runs." If you've ever felt that way, you're in the right place.