Child
A child is an entity or content directly contained within, nested in, or subordinate to a parent in a hierarchical or compositional structure.
WordPress Power Toolkit: Harness AI to build next-level websites
A webpage positioned hierarchically beneath a parent page in a website's structure.
- How it is used
- Organizes subsidiary topics beneath broad menu categories so visitors can find specific content without an overcrowded menu.
- How deep it goes
- Defines child pages, explains menu behavior and planning, and demonstrates creating placeholder pages and assigning a parent in WordPress.
- Examples
- Uses fishing categories, cuisine placeholder pages, hover-revealed submenus, and a combined bass-fishing menu hierarchy.
- What you can do after
- Operate/configure child pages by planning a hierarchy, creating titled placeholders, assigning parents, and keeping primary menus concise.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains child →
Build a Frontend Web Framework (From Scratch)
A component nested within and managed as part of another component.
- How it is used
- Splits an application view into nested components that can exchange data with their parents.
- How deep it goes
- Works from pure-function composition through stateful child props, virtual-node patching, and custom events; treats avoiding unnecessary re-renders as optional.
- Examples
- Uses a to-do view split into a form, list, items, and read/edit modes, plus React callbacks and Vue events.
- What you can do after
- Build it from scratch: nest components, update children when props change, and handle events emitted to parents.
Read how Build a Frontend Web Framework (From Scratch) explains child →
React in Depth
The special React prop containing the values nested between a component's opening and closing JSX tags.
- How it is used
- Types nested JSX content so reusable React components can accept the child patterns their rendering logic supports.
- How deep it goes
- Works from string typing through failing dynamic and formatted cases to ReactNode and PropsWithChildren, without exploring further edge cases.
- Examples
- Uses a Heading component with text, dynamic expressions, booleans, numbers, strong formatting, omitted children, and an isLarge prop.
- What you can do after
- Apply it via ReactNode or PropsWithChildren to type reusable components without manually enumerating every supported child form.
Related concepts
- parent elementpart of · A parent element is an entity directly above another entity in a hierarchy, with the latter being its child.
- React.createElementused by · React.createElement is a function that creates an immutable React element description from a type, properties, and optional children.
- copy or move operationused by · A copy or move operation duplicates or relocates an API resource while applying the destination resource's constraints.
- JSXused by · JSX is a JavaScript syntax extension for expressing user-interface elements with XML-like or HTML-like markup that is transformed into JavaScript.
- HTMLkind of · HTML (HyperText Markup Language) is the standard markup language for structuring content and elements in web documents.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.