⚛️ React + Event Propagation Practices

This repository is a structured collection of React core concept explanations, JS event propagation demos, and real-world theory breakdowns — curated for long-term learning, interviews, and deep conceptual clarity.

---

📁 Folder Structure

• html-files/ –
  Visual demos for:

  • Event Bubbling vs Capturing
  • stopPropagation() & stopImmediatePropagation()
  • Real DOM behavior with intuitive examples

• theory/ –
  In-depth .js/.jsx files explaining:

  • React internals (VDOM, Fiber, Reconciliation)
  • JSX, Props, State, Hooks, Router
  • Controlled vs Uncontrolled, useMemo, useCallback
  • Throttle vs Debounce, Zustand, Redux and more

---

💡 Why This Repo?

Created to:

• 🔍 Deep-dive into React theory
• 🔄 Practice event propagation with live HTML
• 💭 Build strong mental models (with examples)
• 🧠 Use as a reference library for concepts & interviews

---

🚀 Topics Covered

🔹 JavaScript (DOM)

• Capturing Phase vs Bubbling Phase
• event.stopPropagation() use-cases
• Event delegation explained with demos

🔸 React Core

• React lifecycle & reconciliation
• JSX rendering and JSX vs JS behavior
• Hooks: useMemo, useCallback, useEffect, useRef
• React.memo, HOC, Context API
• Zustand vs Redux overview
• Router basics, diffing, and more

---

🔧 Stack & Format

• HTML (for native event behavior understanding)
• React (JSX + Functional Concepts)
• Plain .js/.jsx files for theory (with rich inline comments)

---

📦 Getting Started

git clone https://github.com/jeevan42/react_practices
cd react_practices
# Browse folders to explore HTML + React theory

---

🔖 Best Use

• 🧪 Read theory in .js files with comments
• 🔄 Run HTML files in the browser to see event flow visually
• 🧠 Use as a personal learning and revision guide
• 💼 Great for React interview prep and deeper understanding

---

🙌 Contributions

This is a personal learning repository — structured for long-term use and expansion. Feel free to fork, explore, and evolve your own concepts using this as a foundation.