Skip to content

Commit

Permalink
Fix horizontal lines on docs examples page
Browse files Browse the repository at this point in the history
  • Loading branch information
yuriyyakym committed Dec 19, 2023
1 parent e1f52c1 commit b533a5a
Showing 1 changed file with 14 additions and 6 deletions.
20 changes: 14 additions & 6 deletions docs/docs/examples.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,8 @@ _Uses: [State](/state), [Action](/action), [Scenario](/scenario)_

Basic painting application that demonstrates how to write logics declaratively by composing actions and scenarios. It is also a proof that Awai works great with real-time actions.

---

## Todo list

[Playground](https://codesandbox.io/p/sandbox/awai--todo-list-wqyjfz?file=%2FREADME.md%3A3%2C23)
Expand All @@ -25,6 +27,8 @@ _Uses: [State](/state), [Action](/action)_

Traditional Todo list example, which shows simple actions and state usage. In contrast to the Paint example, logics are handled inside of actions, not in scenarios, which is a good approach for simple projects.

---

## Safe counter

[Playground](https://codesandbox.io/p/sandbox/awai--cunter-qk7h6p?file=%2FREADME.md%3A3%2C23)
Expand All @@ -35,6 +39,8 @@ _Uses: [State](/state), [Selector](/selector), [Action](/action), [Scenario](/sc

Funny counter application, which prevents user from keeping counter below 0, by automatically incrementing counter every second. Project demonstrates scenarios composition and how additional logics may be handled outside of actions.

---

## Debounced counter

[Playground](https://codesandbox.io/p/sandbox/awai--debounce-tt97h5?file=%2FREADME.md%3A3%2C23)
Expand All @@ -45,6 +51,8 @@ _Used nodes: [State](/state), [Action](/action), [Scenario](/scenario)_

Project that demonstrates how to implement debouncing using forked scenario.

---

## Throttled counter

[Playground](https://codesandbox.io/p/sandbox/awai--throttle-k38s9h?file=%2FREADME.md%3A3%2C23)
Expand All @@ -53,10 +61,10 @@ _Complexity: Simple_

_Used nodes: [State](/state), [Action](/action), [Scenario](/scenario)_

---

Project that demonstrates how to use cyclic scenario for implementing throttling functionality.

---

## Persist state

[Playground](https://codesandbox.io/p/sandbox/awai--persist-2kfnxp?file=%2FREADME.md%3A3%2C23)
Expand All @@ -65,10 +73,10 @@ _Complexity: Simple_

_Used nodes: [State](/state), [Scenario](/scenario), [Registry](/registry)_

---

Project that demonstrates how to persist state in localStorage, and implement shared Awai nodes functionality using [Registry](/registry).

---

## User polling

[Playground](https://codesandbox.io/p/sandbox/awai--polling-63572c?file=%2FREADME.md%3A3%2C23)
Expand All @@ -80,6 +88,8 @@ _Uses: [State](/state), [AsyncState](/async-state), [Action](/action), [Selector
Project that demonstrates how to perform user polling with different frequency depending on connection speed.
In order to test this example, open DevTools and throttle your network connection.

---

## Universities search

[Playground](https://codesandbox.io/p/sandbox/awai--universities-search-9n9c5k?file=%2FREADME.md%3A3%2C23)
Expand All @@ -88,7 +98,5 @@ _Complexity: Complex_

_Used nodes: [State](/state), [AsyncState](/async-state), [Action](/action), [Selector](/selector), [Scenario](/scenario)_

---

Project that demonstrates how to implement debounced search with sorting.
It shows advanced Scenario and AsyncSelector usage. It also features error and loading states handling.

0 comments on commit b533a5a

Please sign in to comment.