What Happens When You Call setState?
Thread Tags
Adobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css designed Design layout digital marketing Digital Marketing / SEO Fireworks Graphic Design Graphic designing Graphics Design Graphics Designing HTML? Illustrator Internship Training logo Design logo designing mobile phones Photoshop QA react-native Scroll Website SEO Single Page Website Testing Typography UI UI/UX Development UI Design UI Designing UI development User Interface UX Design Viewport Web Designing web pages Website Design-
Register for free!
Registration at Smart Mentors is completely free and takes only a few seconds. By registering you’ll gain:
- Full Posting Privileges.
- Access to Private Messaging.
- Optional Email Notification.
- Ability to Fully Participate.
Register Now, or check out the Site Tour and find out everything Smart Mentors has to offer.
This thread contains 1 reply, has 2 voices, and was last updated by darshan.soni007 3 years, 3 months ago.
-
Author Replies
-
-
January 21, 2019 at 12:08 pm #52259
The principal thing React will do when setState is called is merged the object you moved into setState into the current state of the element. This will kick off a process called reconciliation. The end goal of reconciliation is to, in the most effective way possible, update the UI based on this new state.
To do this, React will build a new tree of React elements (which you can think of as an object representation of your UI). Once it has this tree, in order to figure out how the UI should change in response to the new state, React will diff this new tree against the prior element tree. By doing this, React will then identify the exact changes which occurred, and by knowing exactly what changes occurred, will able to reduce its footprint on the UI by only making updates where completely necessary.
-
AuthorPosts
You must be logged in to reply to this thread.Please login or register. Registration is 100% free.