Skip to content

Commit 8536661

Browse files
committed
docs: fix mistakes, remove wrong sections
1 parent 3b6a087 commit 8536661

4 files changed

Lines changed: 7 additions & 30 deletions

File tree

docs/guide/animations.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -317,7 +317,8 @@ CSSX compiles animations in a way Reanimated v4 expects:
317317

318318
This means you write standard CSS and get native-compatible animations automatically.
319319

320-
## See Also
320+
## Next Steps
321321

322-
- [Basic Usage](/guide/usage) — Core concepts
322+
- [Caching](/guide/caching) — Performance optimization with teamplay
323+
- [Examples](/examples/) — More code examples
323324
- [styl Template](/api/styl) — Full syntax reference

docs/guide/caching.md

Lines changed: 2 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -218,30 +218,6 @@ function Button({ children }) {
218218
}
219219
```
220220

221-
### Keep styleName Values Stable
222-
223-
Avoid constructing new `styleName` strings unnecessarily:
224-
225-
```jsx
226-
// Good: stable styleName
227-
const Button = observer(function Button({ variant }) {
228-
return (
229-
<button styleName={`button ${variant}`}>
230-
Click
231-
</button>
232-
)
233-
})
234-
235-
// Avoid: object creates new string each render
236-
const Button = observer(function Button({ style }) {
237-
return (
238-
<button styleName={`button ${JSON.stringify(style)}`}>
239-
Click
240-
</button>
241-
)
242-
})
243-
```
244-
245221
## Debugging
246222

247223
To verify caching is working, you can check if components are using the teamplay runtime. In development, the imported runtime path will be one of:
@@ -253,5 +229,5 @@ To verify caching is working, you can check if components are using the teamplay
253229

254230
## Next Steps
255231

256-
- [API Reference](/api/cssx) - Complete API documentation
257-
- [Examples](/examples/) - More code examples
232+
- [Examples](/examples/) - Complete component examples
233+
- [API Reference](/api/) - Complete API documentation

docs/guide/pug.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -326,6 +326,6 @@ If you don't use Pug, disable it in your Babel config for faster builds:
326326

327327
## Next Steps
328328

329-
- [pug Template API](/api/pug)Quick reference
329+
- [Animations](/guide/animations)CSS transitions and keyframes
330330
- [Caching](/guide/caching) — Performance optimization
331331
- [Examples](/examples/) — More code examples

docs/guide/variables.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -282,5 +282,5 @@ setDefaultVariables({
282282
## Next Steps
283283

284284
- [Pug Templates](/guide/pug) - Alternative JSX syntax
285+
- [Animations](/guide/animations) - CSS transitions and keyframes
285286
- [Caching](/guide/caching) - Performance optimization with teamplay
286-
- [API Reference](/api/cssx) - Complete API documentation

0 commit comments

Comments
 (0)