@@ -63,8 +63,8 @@ To find out more take a look into the [docs](https://www.agile-ts.org/docs).
6363
6464
6565For [ Function Component] ( https://reactjs.org/docs/components-and-props.html ) Users we recommend using the ` useAgile ` Hook.
66- With that Hook you are able to bind an Agile Instance to your Component.
67- This ensures that your Component rerender, when the bound AgileInstance mutates.
66+ With this Hook we are able to bind an Agile Instance to our Component.
67+ This ensures that it rerender, when the bound AgileInstance mutates.
6868` useAgile ` returns the current ` output ` of the passed Agile Instance.
6969``` ts
7070const myCoolState = useAgile (MY_COOL_STATE );
@@ -102,7 +102,7 @@ It is also possible to bind more than one Agile Instance to a Component at once.
102102```
103103
104104### ⛳️ Sandbox
105- Test the ` useAgile ` yourself, it's only [ one click] ( https://codesandbox.io/s/agilets-first-state-f12cz ) away.
105+ Test the ` useAgile ` Hook yourself, it's only [ one click] ( https://codesandbox.io/s/agilets-first-state-f12cz ) away.
106106
107107
108108<br />
@@ -114,8 +114,8 @@ Test the `useAgile` yourself, it's only [one click](https://codesandbox.io/s/agi
114114For [ Class Components] ( https://reactjs.org/docs/components-and-props.html ) Users we recommend using the ` AgileHOC ` .
115115At first what is a HOC, well it's a [ Higher Order Component] ( https://reactjs.org/docs/higher-order-components.html )
116116that gets wrapped around our Class.
117- By warping our Component into the ` AgileHOC ` , you are able to bind Agile Instances to it.
118- This ensures that your Class Component rerender, when a bound Agile Instance mutates.
117+ By wrapping our Component into the ` AgileHOC ` , we are able to bind Agile Instances to it.
118+ This ensures that our Class Component rerender, when a bound Agile Instance mutates.
119119The ` output ` of the Agile Instance gets merged into the ` props ` of the Class Component.
120120``` tsx
121121class RandomComponent extends React .Component {
@@ -141,9 +141,9 @@ Test the `AgileHOC` yourself, it's only [one click](TODO) away.
141141<br />
142142<img src =" https://raw.githubusercontent.com/agile-ts/agile/readme-improvements/packages/react/static/documentation_header.png " alt =" Documentation " >
143143
144- If you want to find out more about the React Integration.
144+ If you want to find out more about the AgileTs React Integration.
145145Checkout our ** [ docs] ( https://agile-ts.org/docs/ ) ** .
146- If you have any questions don't mind joining our [ Discord Community] ( https://discord.gg/FTqeMNCxw7 ) .
146+ In case you have any questions don't mind joining our [ Discord Community] ( https://discord.gg/FTqeMNCxw7 ) .
147147
148148
149149<br />
0 commit comments