Introductory course · beginner

React

Build interfaces from reusable components.

Understand component-based interfaces through small, readable React examples. This introductory course covers components, props and state; it does not promise production expertise.

Course outcomes

• Create and render a small React component that returns a clear interface.
• Pass typed props to make one component display different content.
• Use React state to keep an input value and its visible result in sync after interaction.
• Render a keyed list from data and show an honest empty state when the collection is empty.
• Place state at the nearest common parent and pass values and event handlers through props.
• Combine typed resource data, a search field, list rendering and accessible empty feedback in a small React interface.

Published lessons

1. Build a component
2. Pass information with props
3. Respond to input with state
4. Render lists and meaningful branches
5. Share state across components
6. Build a community resource interface