Amend the React Lifecycle page with explicit explanations about Ionic lifecycle and re-rendering of components
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 30/100
- Issue type
- Documentation
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- react
- Domain
- documentation, frontend
Research direction
Start with the existing React Lifecycle page and review the linked forum discussions and related Ionic issue for the reported re-rendering and lifecycle gaps. Done means the page clearly explains Ionic lifecycle behavior and when React components, views, and tabs re-render, including the reported edge cases.
Written by the indexing model from the issue text.
Description
Is your feature request related to a problem? Please describe.
I come from the world of classic React web-apps. I've been building an Ionic app for the 1st time during the last 4 weeks. And I was really frustrated to have A TON of issues with components not re-rendering when expected and Ionic lifecycle hooks not working as expected as well.
Gave Me lots of headache.
https://forum.ionicframework.com/t/obsolete-state-in-useionviewwillenter/210861
https://forum.ionicframework.com/t/page-does-not-re-render-on-tabs-navigation/209746
https://github.com/ionic-team/ionic-framework/issues/23388
Describe the solution you'd like
I would like a clear and explicit explanation on when does Ionic re-render components, view, tabs, etc.
For now, the React Lifecycle page is very generic to say the least; is incomplete and doesn't describe edge cases.
- Dominant language
- MDX
- Stars
- 621
- Forks
- 3.2k
- Avg merge
- 1d 2h
- Merged PRs (30d)
- 86
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.
More from ionic-team/ionic-docs
-
content
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
ionic-team/ionic-docs#4705 ·
-
content package: angular
Difficulty 2/5 Half a day Newbie friendliness 78/100
ionic-team/ionic-docs#4702 ·
-
triage
Difficulty 1/5 Under an hour Newbie friendliness 80/100
ionic-team/ionic-docs#4546 ·
-
content: broken link Opencontent
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
ionic-team/ionic-docs#4381 · 2 comments ·
-
triage
Difficulty 1/5 Under an hour Newbie friendliness 72/100
ionic-team/ionic-docs#3639 ·
All issues in ionic-team/ionic-docs
Similar issues
-
sync-en
Difficulty 1/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
agilepathway/label-checker#640 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
BasedHardware/omi#15662 · 1 comment ·
-
documentation help wanted
Difficulty 2/5 1-3 hours Newbie friendliness 90/100
-
Difficulty 1/5 1-3 hours Newbie friendliness 88/100