This repository was archived by the owner on Feb 15, 2025. It is now read-only.
File tree Expand file tree Collapse file tree 5 files changed +9
-19
lines changed Expand file tree Collapse file tree 5 files changed +9
-19
lines changed Original file line number Diff line number Diff line change @@ -5,8 +5,10 @@ sidebar_label: Introduction
5
5
slug : /examples
6
6
---
7
7
8
- ::: warning
8
+ Most of the time you can learn something better by seeing it in action.
9
+ That's why we've put together a few examples for you.
10
+ If that's not enough for you, we have more examples in the [ AgileTs repository] ( https://github.com/agile-ts/agile/tree/master/examples ) .
9
11
10
- WIP Docs!
11
-
12
- :::
12
+ ## 🚀 Quick Links
13
+ - [ React ] ( ./react/All.mdx )
14
+ - [ React-Native ] ( ./react-native/All.mdx )
Original file line number Diff line number Diff line change @@ -5,12 +5,6 @@ sidebar_label: All
5
5
slug : /examples/react-native
6
6
---
7
7
8
- :::warning
9
-
10
- WIP Docs!
11
-
12
- :::
13
-
14
8
export const ExpoSandbox = ({ uri , height }) => {
15
9
// https://github.com/expo/snack/blob/main/docs/embedding-snacks.md
16
10
// Script is set in docusaurus.config.js
Original file line number Diff line number Diff line change @@ -5,12 +5,6 @@ sidebar_label: All
5
5
slug : /examples/react
6
6
---
7
7
8
- :::warning
9
-
10
- WIP Docs!
11
-
12
- :::
13
-
14
8
export const CodeSandBoxEmbed = ({ uri , height }) => (
15
9
<iframe
16
10
src = { ` https://codesandbox.io/embed/${uri }?fontsize=14&hidenavigation=0&theme=dark&view=preview ` }
Original file line number Diff line number Diff line change @@ -56,11 +56,11 @@ It takes care of binding [Agile Sub Instances](../../main/Introduction.md#agile-
56
56
export default AgileHOC (myComponent , [MY_FIRST_STATE ]);
57
57
```
58
58
To find out more about the ` AgileHOC ` and AgileTs in Class Components,
59
- checkout the [ AgileHOC documentation] ( ./features/AgileHOC .md ) .
59
+ checkout the [ AgileHOC documentation] ( ./features/AgileHoc .md ) .
60
60
61
61
## 🚀 Quick Links
62
62
- [ Installation] ( ./Installation.md )
63
63
- [ React Hook] ( ./features/Hooks.md )
64
64
- [ useAgile] ( ./features/Hooks.md#useagile )
65
65
- [ useWatcher] ( ./features/Hooks.md#usewatcher )
66
- - [ AgileHOC] ( ./features/AgileHOC .md )
66
+ - [ AgileHOC] ( ./features/AgileHoc .md )
Original file line number Diff line number Diff line change @@ -160,7 +160,7 @@ we need to bind the State to our React Component using the [`useAgile()`](../pac
160
160
This ensures that the Component rerenders whenever the State mutates, so when its value changes.
161
161
The ` useAgile() ` Hook returns the current ` value ` of the State, in our case 'Hello World'.
162
162
Be aware that React Hooks can only be used in Function Components!
163
- For Class Components we have provided a Higher Order Component called [ AgileHOC] ( ../packages/react/features/AgileHOC .md ) .
163
+ For Class Components we have provided a Higher Order Component called [ AgileHOC] ( ../packages/react/features/AgileHoc .md ) .
164
164
165
165
``` ts
166
166
MY_FIRST_STATE .set (` Hello World ${++ helloWorldCount } ` );
You can’t perform that action at this time.
0 commit comments