#############
Lightning App
#############
**Audience:** Users who want to know how an app works under the hood 🤯.

**Lightning App:** We call workflows composed of multiple LightningWorks a **Lightning App**.

----

*******************
Peek under the hood
*******************


.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: App Components Tree (Basic)
   :description: Learn more component composition and nesting.
   :col_css: col-md-4
   :button_link: ../../glossary/app_tree.html
   :height: 180
   :tag: Basic

.. displayitem::
   :header: The event loop (Basic)
   :description: Learn more about the event loop.
   :col_css: col-md-4
   :button_link: ../../glossary/event_loop.html
   :height: 180
   :tag: Basic

.. displayitem::
   :header: Communication between Flow and Works
   :description: Learn more about components communicate.
   :col_css: col-md-4
   :button_link: communication.html
   :height: 180
   :tag: Intermediate

.. displayitem::
   :header: Customize Flow compute resources
   :description: Learn more about Flow customizations.
   :col_css: col-md-4
   :button_link: compute_content.html
   :height: 180
   :tag: Intermediate

.. displayitem::
   :header: Dynamically create, execute and stop Work
   :description: Learn more about components creation.
   :col_css: col-md-4
   :button_link: dynamic_work.html
   :height: 180
   :tag: Intermediate

.. displayitem::
   :header: Sharing My Components (Intermediate)
   :description: Learn more component composition and nesting.
   :col_css: col-md-4
   :button_link: ../../glossary/sharing_components.html
   :height: 180
   :tag: Intermediate

.. raw:: html

        </div>
    </div>

----

*****************
Lightning App API
*****************

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: LightningApp API
   :description: Look into the Lightning API reference.
   :col_css: col-md-4
   :button_link: lightning_app.html
   :height: 180

.. raw:: html

        </div>
    </div>
