How to prevent unnecessary re-rendering when using React Context. | by Adetoyese Kola-Balogun | Medium

React Context one of the useful features available in the React JS library. It allows you to create and manage a “global” state. React…

How to prevent unnecessary re-rendering when using React Context. Adetoyese Kola-Balogun 3 min read · Jun 19, 2022 -- 1 Listen Share Press enter or click to view image in full size Photo by Ferenc Almasi on Unsplash React Context one of the useful features available in the React JS library. It allows you to create and manage a “global” state. React Context when used properly with useState or useReduce is a suitable alternative to state management frameworks like Redux, MobX. In this article, we’ll discuss how to avoid needless re-rendering while utilising the Context API. Context API is excell

related reading

• Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blogblog.isquaredsoftware.com
• Why React Re-Renders • Josh W. Comeaujoshwcomeau.com
• React re-renders guide: everything, all at once | Developer Waydeveloperway.com
• You Might Not Need an Effect – Reactreact.dev
• How to write performant React code: rules, patterns, do's and don'ts | Developer Waydeveloperway.com
• Understanding useMemo and useCallback • Josh W. Comeaujoshwcomeau.com
• When does React re-render components? | Felix Gerschaufelixgerschau.com
• The Interactive Guide to Rendering in Reactui.dev
• React graph viscrubier.github.io
• Implementing React from scratchrob.directory
• Application State Management with Reactkentcdodds.com
• When (and when not) to reach for Reduxchangelog.com