Github Pages Portfolio

Notebook showcase for React learning

These PDFs are my structured React journey from basics to full Todo app implementation. It includes setup, JSX, components, props, state, hooks, forms, lifting state, and practical assignments.

30

Detailed React parts

3

PDF notebook volumes

2

Assignments + project links

Notebook Volumes

Part 1: Foundations (1-11)

React intro, setup, Vite + CRA, JSX, styling, components, props, mapping, keys, nested mapping, and Product Listing assignment.

View PDF

Part 2: State + Hooks (12-24)

Class components, React internals, tools, icons, bootstrap, state/setState, conditional rendering, events, binding, useState, previous-state updates, bubbling, and Counter assignment.

View PDF

Part 3: Forms + Todo Apps (25-30)

Controlled components, object state, child-to-parent data flow, state lifting patterns, basic Todo app, and complete add/edit/ delete Todo project.

View PDF

Full Syllabus Snapshot

  1. Part 1-11: Fundamentals to Product Listing assignment.
  2. Part 12-24: Class components to hooks and Counter assignment.
  3. Part 25-30: Forms, state lifting, and complete Todo app.

For full part-by-part subtopics and code-level understanding, open README.md.

Practice Projects

Related Notebooks