Components and JSX
Create function components, return JSX and compose a page from small reusable UI units.
Read Chapter →
Web Development Tutorial
React Tutorial
React builds user interfaces from components. This track starts with component and JSX fundamentals, then develops predictable data flow and interactivity through props, events and state.
What You Will Learn
- Create and compose function components
- Pass data with props
- Render conditions and lists
- Handle events and local state
- Build controlled forms
- Share state through a common parent
Prerequisites
- Comfort with JavaScript variables, functions and arrays
- Basic HTML and CSS
- A current React learning environment
Course Chapters
Props and Component Composition
Pass data into components and combine small components into flexible interfaces.
Read Chapter →Conditional Rendering and Lists
Choose what appears from application data and render collections with stable keys.
Read Chapter →Events and Local State
Respond to user actions and remember component-specific values with useState.
Read Chapter →Forms and Controlled Inputs
Connect form controls to state, validate input and handle submission deliberately.
Read Chapter →Sharing State and Building a Small App
Lift shared state to a common parent and combine the track concepts in a small filterable interface.
Read Chapter →Want Guided Classroom or Mentor-Led Training?
This free tutorial teaches the fundamentals. For structured training, projects and instructor guidance, review the related Mango Engineers course page.
View related course details