wuba / wuba/react-native-echarts
渲染性能优化建议
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 967
- Forks
- 35
- PR merge metrics
- No merged PRs in 30d
Description
在一些低端设备上，当渲染的内容过多时，react fiber node的创建耗时会增加非常多，导致出现明显的卡顿，并且会阻塞应用整体的UI创建/更新。我查看了一下源码，看到现在的渲染还是基于react tree的渲染流程。
想问一下，是不是有可能通过Reanimated的创建一个独立线程，通过skia的编程式API实现异步渲染呢？这样可以把图表绘制的过程从react tree构建中解放出来，使得其不影响应用内其他UI的正常渲染和交互。
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the current React tree rendering flow described in the issue and how chart rendering is integrated. Then investigate whether Reanimated can provide an independent thread and whether Skia's programmatic API supports the proposed asynchronous rendering. Done would require a defined implementation scope and agreement on the rendering approach.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile, performance
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100