FrontendArmory
BlogDemoboardLearning Resources
FrontendArmory
BlogDemoboardLearning Resources
React context
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 contextComing 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 hookComing Soon
Portals and modalsComing Soon
Where to next?

React context

Progress to next section.