Skip to content

Commit 49c185e

Browse files
edbznedbzn
committed
refactor(state): prettify
1 parent 98f7664 commit 49c185e

File tree

1 file changed

+9
-17
lines changed

1 file changed

+9
-17
lines changed

‎apps/docs/docs/state/setup.mdx

Lines changed: 9 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -176,8 +176,7 @@ export class CounterComponent {
176176

177177
:::tip
178178

179-
**You can save 1 change detection run per emission** and improve performance of your application
180-
by providing `Observables` directly as `Input`.
179+
**You can save 1 change detection run per emission** and improve performance of your application by providing `Observables` directly as `Input`.
181180
This way the ChangeDetection for the `Input` binding will only fire once for the first assignment.
182181

183182
You can use `coerceObservable` from `@rx-angular/cdk/coercing` to support static values as well as Observables with a single line of code.
@@ -222,7 +221,7 @@ export class CounterComponent {
222221

223222
## Output Property Bindings
224223

225-
**Combining `Output` bindings directly from RxState**
224+
**Combining `Output` bindings directly from RxState.**
226225

227226
:::tip
228227

@@ -509,7 +508,7 @@ export class MovieListComponent {
509508

510509
</TabItem>
511510

512-
<TabItem value="new" label="Functional Creation (_NEW_)">
511+
<TabItem value="new" label="Functional Creation (NEW)">
513512

514513
```typescript
515514
// highlight-next-line
@@ -543,7 +542,7 @@ export class MovieListComponent {
543542
:::info
544543

545544
The new `rxState` creation function drops the `hold` method and with it, it's capabilities of managing side effects.
546-
If you need to have such a feature, we encourage to use [`rxEffects`](./effects/effects.mdx)
545+
If you need to have such a feature, we encourage to use [`rxEffects`](./effects/effects.mdx).
547546

548547
:::
549548

@@ -581,10 +580,10 @@ export class MovieListComponent {
581580

582581
</TabItem>
583582

584-
<TabItem value="new" label="Functional Creation (_NEW_)">
583+
<TabItem value="new" label="Functional Creation (NEW)">
585584

586585
:::warning
587-
Not support anymore, please use [`rxEffects`](./effects/effects.mdx)
586+
Not support anymore, please use [`rxEffects`](./effects/effects.mdx).
588587
:::
589588

590589
</TabItem>
@@ -623,23 +622,16 @@ export class StatefulComponent extends RxState<{ state: number }> {
623622

624623
</TabItem>
625624

626-
<TabItem value="new" label="Functional Creation (_NEW_)">
625+
<TabItem value="new" label="Functional Creation (NEW)">
627626

628627
:::warning
629628

630-
Not support anymore, please choose either the RxState as a Service approach, or use it as a private property
629+
Not support anymore, please choose either the RxState as a Service approach, or use it as a private property.
631630

632631
:::
633632

634633
</TabItem>
635634

636635
</Tabs>
637636

638-
_disclaimer_: this doc is work in progress. Not every use case has found its way into the docs. We encourage you to contribute :).
639-
640-
<Tabs>
641-
642-
<TabItem value="class-based" label="Class Based (Classic)"></TabItem>
643-
<TabItem value="new" label="Functional Creation (_NEW_)"></TabItem>
644-
645-
</Tabs>
637+
_Disclaimer_: this doc is work in progress. Not every use case has found its way into the docs. We encourage you to contribute 🙂.

0 commit comments

Comments
 (0)