← All Projects
  • Frontend
  • Practice

React Practice

React experiments for learning component thinking, state management, and reusable UI composition.

Screenshot of React Practice

The Problem

Move from static UI into component-driven frontend development.

The Solution

Practice small components and patterns that can graduate into production Next.js interfaces.

What I Built

  • Functional components with hooks (useState, useEffect)

  • Props and component composition patterns

  • Controlled form inputs

  • Basic list rendering and conditional UI

Tech Stack

  • React
  • JavaScript
  • Components

Challenges

The mental shift from imperative DOM manipulation to declarative React rendering — especially understanding when and why re-renders happen.

What I Learned

Thinking in components changes how you design UI. Once hooks clicked, building stateful UIs became much more intuitive.

Key Metrics

  • Component practice

  • State basics

  • UI composition