Frontend
Armory
Blog
Demoboard
Learning Resources
Frontend
Armory
Blog
Demoboard
Learning Resources
Portals and modals
React Fundamentals
The Basics
A 2-minute app
Elements (are objects)
Props and Styling
What is JSX?
Try out JSX
Create React App
Imports and JSX
Lists and Loops
Conditional rendering
Let's play Spiral FizzBuzz!
Components
Custom types
Function components
Nesting with
children
Components and JSX
A fractal tree
How React Works
Updating rendered elements
How
render
works
Animate the fractal tree
Controlled and uncontrolled components
Keys and arrays
How Create React App works
Events, state and effects
Event handlers
Sway with the mouse
Component state
Shyness
Introducing hooks
Effects
A self-contained tree
Structure and patterns
wip
The
App
component
wip
Custom events
wip
Forms and validation
wip
Fetching data
wip
Structuring state and components
React context
Coming Soon
wip
Let's build an app
Odds and ends
wip
Class components
wip
setState
and
this
wip
Binding class methods
wip
Lifecycle methods
propTypes
and
defaultProps
The
useRef
hook
Coming Soon
Portals and modals
Coming Soon
Where to next?
Portals and modals
Progress to next section.