Lifecycle of Reactive Effects
Challenge 5: Populate a chain of select boxes
The lifecycle of an Effect
Why synchronization may need to happen more than once
How React re-synchronizes your Effect
Thinking from the Effect’s perspective
How React verifies that your Effect can re-synchronize
How React knows that it needs to re-synchronize the Effect
Each Effect represents a separate synchronization process
Effects “react” to reactive values
What an Effect with empty dependencies means
All variables declared in the component body are reactive
React verifies that you specified every reactive value as a dependency
What to do when you don’t want to re-synchronize
Challenge 1: Fix reconnecting on every keystroke
Challenge 2: Switch synchronization on and off
Challenge 3: Investigate a stale value bug
Challenge 4: Fix a connection switch
Challenge 5: Populate a chain of select boxes
Pick a planet:
Pick a place:
You are going to: ... on ...