Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
11 Cards in this Set
- Front
- Back
|
What is React Fiber Tree? |
A JavaScript Object that represents the React element or node of the DOM tree. Creates a copy of the virtual tree (which is known as the virtual DOM). After any update from the UI, it recursively compares every tree node from the two trees. The changes are then passed to the renderer. |
|
|
What is the Virtual DOM? And what is diffing? |
(Document Object Model) A representation of a DOM object, like a lightweight copy. Once virtual DOM is updated, React compares the virtual DOM with a virtual DOM snapshot that was taken right before the update. By comparing the new virtual DOM with a pre-update version, React figures out exactly which virtual DOM object have changed. This process is called "diffing." |
|
|
What is state? |
The outcome of all the actions that the user has taken since the page loaded. State is data that change from time to time. State determines what's displayed on the user interface. |
|
|
What is Recoil? |
Recoil is an experimental global state management library from facebook. It let's you create a data-flow graph that flows from atoms through selectors and down into your React Components. |
|
|
What are the advantages of recoil? |
Recoil helps you eliminate the unnecessary re-renders which happens while using Context API or Redux. In Recoil, an atom is an individual state. The components which are subscribed to atoms only re-render. |
|
|
What are Atoms in Recoil? |
Atoms are units of state. It can be subscribed individually unlike many state management systems. When an atom is updated, each component that is subscribed to it re-renders with the updated value. |
|
|
What are selectors? |
A pure function that accepts an atom as an input. When an atom is updated which is subscribed by the selector, the selector function will be re-evaluated. Components can also subscribe to selectors just like atoms, and will then be re-rendered when the selectors change. |
|
|
What is Context API? |
A component structure provided by React framework, which enables is to share specific forms of data across all levels of the application. It's aimed at solving the problem of prop drilling. |
|
|
What is Redux? |
Redux maintains the state of an entire application in a single immutable state tree (object), which can’t be changed directly. When something changes, a new object is created (using actions and reducers). |
|
|
What is React? |
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”. |
|
|
What is React Router? |
React Router keeps your UI in sync with the URL. It has a simple API with powerful features like lazy code loading, dynamic route matching, and location transition handling built right in. |
