base-components.md

Base components

📚 Documentation Index

• ← Back to README
• Beginner Guide
• 🤖 Respo-Agent Guide - For LLM development
• API Reference
• All Guides: Why Respo | Virtual DOM | Component States | Styles | Events

There are some base components for building apps built inside Respo:

respo.comp.space/comp-space
respo.comp.space/=< ; "which is an alias for `comp-space`"
respo.comp.inspect/comp-inspect

Also I got some simple component to help:

• respo-ui for base styles
• respo-value for displaying values
• respo-router for routing (Respo not required)
• global-popup for global popups
• inflow-popup for local popups(demo only)
• notifier for showing notifications(Respo not required)

Respo components are pure, without side effects.

Component for keydowns

It's tricky to listen to global events since Respo does not allow useEffect or useMounted. Respo added a component for listening to global keydowns:

respo.comp.global-keydown :refer $ comp-global-keydown

comp-global-keydown
  {} $ :disabled-commands (#{} |s |p)
  fn (e d!) (js/console.log |keydown e)

Internally it listens events on window and dispatches events to a <span/> element.