fix merge

This commit is contained in:
Mads Rasmussen
2023-02-23 21:40:02 +01:00
parent 515759ab4b
commit d8e2cc9605
6 changed files with 52 additions and 0 deletions

View File

@@ -0,0 +1,13 @@
import { Meta } from '@storybook/blocks';
<Meta title="Guides/Getting Started" />
# Getting started
This section contains a set of guide which will ease the learning of the Umbraco CMS (Backoffice).
In this document you will get a overview of the articles — Enabling you to get started with the parts that makes sense for you.
# Terminology
There is a few words that covers certain concepts, which is good to learn to easilier decode the purpose of code.
[Go to Resource Guide](/?path=/story/guides-resource--page)

View File

@@ -0,0 +1,39 @@
import { Meta } from '@storybook/addon-docs';
<Meta title="Guides/Umbraco Element" parameters={{ previewTabs: { canvas: { hidden: true } } }} />
# Umbraco Element
This element can be used as the base of any Element.
Do this if you need to Observe Data, Consume or Provide a Context API or use a Resource.
The Element implements the Controller Host and provides a few shortcut methods for initializing some Controllers.
The methods are (_note this can be out of date, we need to look into how we can ensure this Doc originates from code._)
```
observe<T>(source: Observable<T>, callback: (_value: T) => void, unique?: string): UmbObserverController<T>
provideContext<R = unknown>(alias: string | UmbContextToken<R>, instance: R): UmbContextProviderController<R>
consumeContext<R = unknown>(alias: string | UmbContextToken<R>, callback: UmbContextCallback<R>): UmbContextConsumerController<R>
```
Use these for an smooth consumption, like this request for a Context API using a simple string context, where the callback value is unknown
```
this.consumeContext('requestThisContextAlias', (context) => {
// Notice this is a subscription, as context might change or a new one appears.
console.log("I've got the context", context);
});
```
Or use the UmbContextToken type to define the type of the context, like this
```
const contextAlias = new UmbContextToken<SomeType>('description of context for debugging purposes');
this.consumeContext(contextAlias, (context) => {
// Notice this is a subscription, as context might change or a new one appears, but the value is strongly typed
console.log("I've got the context", context);
});
```