Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Question: How reactjs works? #229

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
+6 −0
Open

Question: How reactjs works? #229

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6acc29e
Question: How reactjs works?
Yasir-Khan22 Feb 18, 2023
d0a8651
✨How ReactJS works behind the scenes?
Yasir-Khan22 Mar 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,6 +157,8 @@ Learn to code and get hired with <a href="https://zerotomastery.io/?utm_source=g
| 126 | [What are the popular React-specific linters?](#what-are-the-popular-react-specific-linters) |
| 127 | [How to make AJAX call and In which component lifecycle methods should I make an AJAX call?](#how-to-make-ajax-call-and-in-which-component-lifecycle-methods-should-i-make-an-ajax-call) |
| 128 | [What are render props?](#what-are-render-props) |
| 129 | [How ReactJS works behind the scenes?](#how-reactjs-works-behind-the-scenes)

| | **React Router** |
| 129 | [What is React Router?](#what-is-react-router) |
| 130 | [How React Router is different from history library?](#how-react-router-is-different-from-history-library) |
Expand Down Expand Up @@ -3099,6 +3101,10 @@ Learn to code and get hired with <a href="https://zerotomastery.io/?utm_source=g

Libraries such as React Router and DownShift are using this pattern.

129. ### How ReactJS works behind the scenes?

ReactJS works by creating a virtual representation of the DOM called the `virtual DOM`, which is a lightweight copy of the `Real dom`. When the state of the `UI changes`, React `updates the virtual DOM` and efficiently determines what changes need to be made to the `Real dom` to reflect the `new state`. This allows for fast and efficient updates to the UI `without` requiring a `full reload` of the page.

## React Router

**[⬆ Back to Top](#table-of-contents)**
Expand Down