diff --git a/docs/how-it-works.drawio b/docs/how-it-works.drawio new file mode 100644 index 0000000..6198ad9 --- /dev/null +++ b/docs/how-it-works.drawio @@ -0,0 +1,153 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/how-it-works.svg b/docs/how-it-works.svg new file mode 100644 index 0000000..5500d35 --- /dev/null +++ b/docs/how-it-works.svg @@ -0,0 +1 @@ +
init()
Sets reactive location.
init()...
<Router>
Adds context.
Links to parent.
Defines reactive matching.
<Router>...
<Route>
Retrieves context.
Registers matching conditions.
<Route>...
Reactivity
Reactive matching evaluates routes as soon as they appear.
Reactivity...
<Route>
Reactively shows or hides children.
<Route>...
Change of Reactive State
  • Location
  • Read state during route evaluation
Change of Reactive State...
Reactivity
All routers re-evaluate all routes
Reactivity...
<Route>
Reactively shows or hides children.
<Route>...
First Render
First Render
Operation
Operation
Route Evaluation
Route Evaluation
Calculate test path
Calculate test path
Every route:
Every route:
Test path & extract params
Test path & extract params
Yes
Yes
No
No
Path Match?
Path Match?
Yes
Yes
No
No
and predicate?
and predicate?
Route Match!
Route Match!
Route Mismatch
Route MismatchText is not SVG - cannot display \ No newline at end of file