Tasks

Accordion & Multi-Collapse

🟢 SDE-1~20m

A FAQ / Interview Q&A accordion that seamlessly switches between single-item expand and multi-expand with animated collapse transitions.

Array State TogglingFramer Motion Height TransitionsSearch Filtering

React creates a lightweight in-memory representation of the actual DOM. When state changes occur, React computes a diff between the previous and new virtual DOM trees, updating only the changed DOM nodes instead of recalculating the entire page layout.

const element = <h1>Hello React 19</h1>;

Project Source Code & Architecture

Live codebase with modular file hierarchy and TypeScript implementations.