Blog Courses & Guides Toolbox

Blog Courses & Guides Toolbox

Event handlers

React (without the buzzwords)

Event handlers

The Basics

A 2-minute app
Elements (are objects)
Props and Styling
Lists and Loops
Conditional rendering
Let's play Spiral FizzBuzz!

Components

Custom types
Function components
Nesting with "children"
"propTypes" and "defaultProps"
A fractal tree

How React Works

Updating rendered elements
How ReactDOM.render works
Arrays, Keys and State
And yet it moves
What about JSX?

State and Events

One-way binding
Event handlers
Class components
State and "this"
Forms and bound events
Custom events
Let's build an app

Choose your adventure!

The "App" component
Surprise-free forms
Fetching data
Component lifecycle
Structure
Finishing things off
Where to next?

Offline Mode

Some changes may not be saved.

Oh dear.

Something went wrong while talking to the server.
Please reload the page.