React
- Component React accepts element objects as renderable JavaScript descriptions
- Renderer React renderers turn element descriptions into DOM nodes
- JSX JSX syntax produces the element objects that React renders
- Props Props carry data into components through React elements
- Events React event handlers connect user interactions to component logic
- State State stores changing local data inside a component
- Conditional rendering JavaScript conditions select the UI descriptions that components return
- Lists and keys Arrays produce sibling elements and keys preserve their identity across renders
- Fragments Fragments group sibling elements directly in a component's returned tree
- Forms Controlled inputs keep form data in component state
- Render & commit Render and commit separate pure calculation from host-side mutation
- Reconciliation Reconciliation updates existing UI while preserving reusable DOM nodes
- Hooks Hooks give stateful behavior a stable place in function components
- Effects Effects synchronize components with systems outside React
- Lazy loading and Suspense Lazy components and Suspense coordinate rendering while component code loads
- Refs Refs connect declarative React code to imperative browser APIs
- Context Context carries shared values through a React subtree without prop threading
- Portals Portals keep children in one React tree while placing their DOM nodes somewhere else