react / react/react-strict-dom
Image fadeDuration property
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3.6k
- Forks
- 206
- PR merge metrics
- No merged PRs in 30d
Description
react-native has an android only property fadeDuration that adds a fade-in effect to images while they load.
This is set by default to 300ms leading to an unexpected inconsistency across platforms.
the issue was discussed here: https://github.com/facebook/react-native/issues/10194
where was decided to add a prop to control it, but not removing the default value to avoid breaking changes.
I'm wondering what is the position on the topic from the react-strict-dom POV. Should the createStrictImage force it to 0 and let the optional animation be handled by css transition polyfills?
If not, how can the behavior be overridden? In react-native the fadeDuration property can be used to reset to 0 when needed, but not being a valid web API is not allowed in html.img (as well as possibly creating conflicts with transitions and/or animations)
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 locating the createStrictImage entry point and read the linked react-native discussion about fadeDuration. Determine and document the intended cross-platform behavior and how an override should work without relying on the nonstandard html.img property. Done means the project has a decided, implementable approach with its expected image-loading behavior clarified.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, react-native
- Domain
- frontend, mobile-dev, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Active
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100