owl/doc

🦉 OWL Documentation 🦉

Reference

• Animations
• Component
• Concurrency Model
• Configuration
• Context
• Environment
• Event Bus
• Hooks
• Miscellaneous Components
• Observer
• Props
• Props Validation
• QWeb Templating Language
• QWeb Engine
• Router
• Store
• Tags
• Utils

Learning Resources

• Quick Start: create an (almost) empty Owl application
• Tutorial: create a TodoList application
• Testing Owl components

Miscellaneous

• Comparison with React/Vue
• Tooling
• Templates to start Owl applications (external link)

Architecture

This section explains in more detail the inner workings of Owl. It is targeted for developers working on Owl itself.

• Virtual DOM
• Rendering

Owl Content

Here is a complete visual representation of everything exported by the owl global object (so, for example, Component is available at owl.Component, and EventBus is exported as owl.core.EventBus):

Component                               misc
Context                                     AsyncRoot
QWeb                                        Portal
Store                                   router
useState                                    Link
config                                      RouteComponent
    mode                                    Router
core                                    tags
    EventBus                                css
    Observer                                xml
hooks                                   utils
    onWillStart                             debounce
    onMounted                               escape
    onWillUpdateProps                       loadJS
    onWillPatch                             loadFile
    onPatched                               shallowEqual
    onWillUnmount                           whenReady
    useContext
    useState
    useRef
    useSubEnv
    useStore
    useDispatch
    useGetters

Note that for convenience, the useState hook is also exported at the root of the owl object.