chenglou/react-motion

Warn about children re-rendered on each animation step

Open

#232 opened on Oct 31, 2015

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (21,646 stars) (1,160 forks)batch import
enhancementhelp wanted

Description

That probably fits nicely with #37 though the difference is whether we can warn developer of delays in runtime. Sort of basic profiling with a recommendation to split animated container from non-animated functional children subtree if we can detect delays and huge number of re-renders.

Not quite sure how technically do that (yet), but could take similar to react-hot-loader approach.

Contributor guide

Tech stack
javascriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
4
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
unclear
Prerequisites
Understanding of React renderingBasic knowledge of animation principles
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
20
Research direction
Investigate how to detect performance delays and high re render counts in animation loops. Review react hot loader's approach for inspiration. The issue references #37 which may provide context. Consider implementing a profiling warning that suggests splitting animated containers from non animated children.