Product & software
React
A library for composing interactive user interfaces from components that display data and respond to user actions.
At a glance
- Building block
- Component
- Common markup syntax
- JSX
Overview
React applications are built from components: pieces of an interface with their own appearance and logic. Components can be combined into larger screens. JavaScript expressions connect the displayed interface to data, while event handlers respond when someone interacts with it.
Describing an interface
A component can return markup for a button, a list, or an entire page. JSX lets that markup sit alongside JavaScript. Conditions choose what appears, and list rendering uses keys to keep track of individual items.
Responding to change
Event handlers connect actions such as a button click to component logic. State holds information that changes during use. When components need coordinated behavior, shared state can be moved to a common parent.
Sources and review
MOOR's explanatory text is supported by the following source links.
- Quick Start — React
- React: supporting documentation — React