include Hyperstack::Component
include Hyperstack::Router::Helpers
include Hyperstack::Router
LI { Link('/') { 'Home' } }
LI { Link('/about') { 'About' } }
LI { Link('/topics') { 'Topics' } }
Route('/', exact: true, mounts: Home)
Route('/about', mounts: About)
Route('/topics', mounts: Topics)
include Hyperstack::Component
include Hyperstack::Router::Helpers
include Hyperstack::Component
include Hyperstack::Router::Helpers
include Hyperstack::Component
include Hyperstack::Router::Helpers
LI { Link("#{match.url}/rendering") { 'Rendering with React' } }
LI { Link("#{match.url}/components") { 'Components' } }
LI { Link("#{match.url}/props-v-state") { 'Props v. State' } }
Route("#{match.url}/:topic_id", mounts: Topic)
Route(match.url, exact: true) do
H3 { 'Please select a topic.' }
include Hyperstack::Component
include Hyperstack::Router::Helpers
H3 { match.params[:topic_id] }