added useConnect clarification injectProps #71
Conversation
| @@ -124,11 +136,10 @@ const { state, actions, libraries } = useConnect(); | |||
|
|
|||
| It's a React hook that returns the Frontity state, allowing the component to consume `state`, `actions` and `libraries` in components without passing them as props. | |||
There was a problem hiding this comment.
Could you please add a warning here so people understand that they still need to use connect?
You also indicate that connect improves the performance (so people don't ask why they need to also add connect`):
- It optimizes your components with memo, so they won't re-render whenever a parent component re-renders.
- It makes them reactive, so they will re-render when the parts of
statethey use are changed.
| **Using `<Global>` for other than HTML tags is not recommended** because Frontity is not able to optimize it. | ||
| That means you can use it for tags like `html`, `body` , `a`, `img`, and so on... | ||
| But **avoid it for classes**. | ||
| Use either the CSS prop or styled-components instead. |
There was a problem hiding this comment.
We used styled components when referring to components styled with styled instead of styled-components to avoid confusion with the styled-components library, because we don't use that, we use Emotion. So we felt like styled components was more generic, and styled-components more specific to the library.
Anyway, up to you guys now. I just wanted to tell you the reason 🙂
docs/api-reference-1/frontity.md
Outdated
| @@ -137,6 +137,16 @@ const { state, actions, libraries } = useConnect(); | |||
| It's a React hook that returns the Frontity state, allowing the component to consume `state`, `actions` and `libraries` in components without passing them as props. | |||
|
|
|||
|
|
|||
| {% hint style="warning" %} | |||
|
|
|||
| You still need to use `connect` to using `useConnect` properly. | |||
There was a problem hiding this comment.
I think there's a typo:
You still need to use
connectwhen usinguseConnect.
|
I removed myself from reviewers (I guess two approved reviews are enough 😄). |
No description provided.