• How to “remember” information without re-rendering
• How to access DOM elements managed by React
• How to synchronize components with external systems
• How to remove unnecessary Effects from your components
• How an Effect’s lifecycle is different from a component’s
• How to prevent some values from re-triggering Effects
• How to make your Effect re-run less often
• How to share logic between components

module4.pdf

1. UseRef() hook

2. Manipulating the DOM with Refs - Getting a ref to the node

3. Manipulating the DOM with Refs - Accessing another component’s DOM nodes

4. Exposing a subset of the API with an imperative handle

5. When React attaches the refs & Best practices for DOM manipulation with refs

6. Flushing state updates synchronously with flushSync

7 Synchronizing with Effects - Overview of Effects vs Events

8. How to Write an Effect [useEffect(()⇒{},[] ]

9. Synchronizing with Effects - Handling effects firing twice in development

10.Synchronizing with Effects - Fetching Data