FrontendArmory
BlogDemoboardLearning Resources
FrontendArmory
BlogDemoboardLearning Resources
Go ProLog In
Event handlers
React (without the buzzwords)
The Basics
A 2-minute appFree Preview
Elements (are objects)
Props and Styling
Lists and Loops
Conditional rendering
Let's play Spiral FizzBuzz!
Components
Custom types
Function componentsFree Preview
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?Free Preview
State and Events
One-way binding
Event handlers
Event props
Event objects
It’s time to capture some keystrokes.
Class components
State and "this"Free Preview
Forms and bound events
Custom events
Let's build an app
Choose your adventure!
The "App" component
Surprise-free formsFree Preview
Fetching data
Component lifecycle
Structure
Finishing things off
Where to next?