Welcome to "Don't Be a Dinosaur"

Don't Be a Dinosaur hero

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:

Each page follows a simple pattern:

  1. Show the wrong way (what dinosaurs would do)
  2. Explain why it fails (why dinosaurs went extinct)
  3. 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


🦴 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.