Frontend Framework

React JS for component-based web apps.

This section introduces React from a tester-friendly angle: components, props, state, effects, forms, routing, API data, and how to inspect React UI defects.

Roadmap

Components

Break UI into reusable pieces and understand how data flows into them.

Props and State

Learn the difference between input data and internal component memory.

Effects and API Data

Understand loading, error, and empty states when React talks to APIs.

Forms

Handle inputs, validation, submit states, and accessibility.

Testing Mindset

Prefer user-facing behavior, accessible names, and stable test locators.