Comments (4)
Agreed. "New props" is confusing and doesn't have any (correct) meaning. "Parent rerenders" give infomation about "why" and "when", just like the "setState()" and "forceUpdate()" labels do.
from react-lifecycle-methods-diagram.
Thanks for your input @csr632 ! In the meantime, I've had a colleague suggest "nextProps". Also, maybe "parent render()" would be preferable to "parent rerenders" to clarify the possible ambiguity between the React lifecycle render() method vs. the browser rendering. Not sure if Dan has any opinion about this...
from react-lifecycle-methods-diagram.
I feel that "parent render()" is perfect.
When I give a course, I use this wording:
Render: the method to generate the virtual DOM. (generates a tree structure of React Elements, which are simple js objects).
Reconcilation: the React process to update the DOM. (React does this by comparing the current vDOM with the previous one.)
Browser paint or Browser refresh: the browser process to show the DOM on the screen.
from react-lifecycle-methods-diagram.
Totally agreed! This arrow is very misleading, which confused me for quite a long time...for correctness, as long as parent component rerenders, child components should rerender as well (not if its shouldComponentUpdate returns false)
from react-lifecycle-methods-diagram.
Related Issues (20)
- Change Arabic language flag in drop-down menu HOT 1
- Update the reference links of official and updated React Documentation. HOT 1
- Missing componentDidCatch HOT 5
- Add Macedonian language HOT 1
- Suggest to add Vietnamese translation HOT 2
- componentWillUnmount and refs to null? HOT 1
- Add Japanese translation HOT 1
- thanks and custom elements adaption
- Broken on Chrome HOT 4
- useTranslation is being called way more than it should HOT 3
- Show args passed to lifecycle methods
- "Chinese(Taiwan)" is incorrect! ⚠️ HOT 4
- Should we change label 'getDerivedStateFromProps' to 'static getDerivedStateFromProps'?
- zh-Hans language is not displayed HOT 1
- Page crashing HOT 1
- Show hooks HOT 1
- Why not show china flag icon in language selection? HOT 1
- Add Hindi (India) language support
- Add support for Urdu language HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-lifecycle-methods-diagram.