> For the complete documentation index, see [llms.txt](https://docs.devolutions.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devolutions.net/powershell-universal/fr/apps/components/utilities/dynamic-regions.md).

# Régions dynamiques

`New-UDDynamic` vous permet de définir une région dynamique. Les pages elles-mêmes sont dynamiques par nature. Cela signifie que chaque fois qu'une page est chargée, le code PowerShell de cette page est exécuté. Parfois, vous souhaitez recharger une section d'une page plutôt que la page entière. C'est dans ce cas que vous voudrez utiliser les régions dynamiques.

## Région dynamique de base

Cette région dynamique se recharge lorsque le bouton est cliqué.

```powershell
New-UDApp -Title "Hello, World!" -Content {
    New-UDDynamic -Id 'date' -Content {
        New-UDTypography -Text "$(Get-Date)"
    }

    New-UDButton -Text 'Reload Date' -OnClick { Sync-UDElement -Id 'date' }
}
```

![Reload on button click](/files/Xc20iQUKHF1SyJDh3HKi)

## Liste d'arguments

Un tableau d'arguments peut être passé à la région dynamique.

```powershell
New-UDDynamic -Id 'dynamic_01' -Content {
    New-UDTypography -Text "This is an $($ArgumentList[0]) an $($ArgumentList[1]) in a UDDynamic"
} -ArgumentList @('example of', 'arguments list') 
```

<figure><img src="/files/mrhySNheLhhcyYVPaijp" alt=""><figcaption><p>utilisation de la liste d'arguments</p></figcaption></figure>

Vous pouvez utiliser `Sync-UDElement` pour modifier les valeurs des arguments.

```powershell
 New-UDDynamic -id DynamicRegion -ArgumentList 5,'hello' -content {
  foreach($item in $argumentList){
      New-UDTypography -Variant h3 -Text "Item: $item"
  }
 }

 New-UDButton -Text "Sync Dynamic" -onclick {
  Sync-UDElement -id DynamicRegion -ArgumentList 10,'World'
 }
```

## Actualisation automatique

Les régions dynamiques permettent d'actualiser automatiquement les composants après un certain délai. L'intégralité du bloc de script de la région sera exécutée lors de l'actualisation automatique.

{% hint style="info" %}
Si vous avez plusieurs composants liés qui utilisent les mêmes données, envisagez de les regrouper dans la même région dynamique pour améliorer les performances.
{% endhint %}

```powershell
    New-UDDynamic -Id 'date' -Content {
        New-UDTypography -Text "$(Get-Date)" -Variant h3
        New-UDTypography -Text "$(Get-Random)" -Variant h3
    } -AutoRefresh -AutoRefreshInterval 1
```

![Auto refresh dynamic region](/files/uxB0Pf5A7pRE0QjAUBoT)

## Composant de chargement

Le rechargement d'un composant dynamique peut parfois prendre du temps. Par exemple, si vous interrogez l'API REST d'un autre service ou des données. Les régions dynamiques permettent de configurer le composant affiché pendant le rechargement de la région. Par défaut, rien n'est affiché. Il peut s'agir de n'importe quel composant d'application.

```powershell
    New-UDDynamic -Content {
        Start-Sleep -Seconds 3
        New-UDTypography -Text "Done!"
    } -LoadingComponent {
        New-UDProgress -Circular
    }
```

![Loading component for dynamic region](/files/BSqi37BcFjaYMcz7uupW)

## API

[New-UDDynamic](https://github.com/Devolutions/doc-gitbook/blob/master/translations/fr/powershell-universal/cmdlets/New-UDDynamic.txt)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.devolutions.net/powershell-universal/fr/apps/components/utilities/dynamic-regions.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
