Discussion on "Introduction to React Context API with Firebase Authentication"

Victoria Lo · 2020-08-26T01:57:01.909Z

Hello everyone! Today's article will be a beginner's introduction to React Context API, as I noticed that this concept is quite complex for React beginners to grasp. And I'll use Firebase Authentication to demonstrate the beauty of using React Contex...

Discussion on "Introduction to React Context API with Firebase Authentication" | Hashnode

Bhanu Teja Pachipulusu

Full-Stack Developer & Entrepreneur

Aug 28, 2020

Nice article. Thanks for this.

I have seen that even though the value that you passed to the context is not a primitive value, you did not use useMemo.

Can you tell me what will be the implications of (not) using useMemo here and when do you suggest that we should use it.

Which rerenders will this useMemo reduces when used along with useContext?

Victoria Lo

A nerd in books, tea, games and software.

Aug 28, 2020

Hi Bhanu, thanks for the question.

According to official docs, useMemo will only recompute the memoized value when one of the dependencies has changed.

In this case, onAuthStateChanged() does the job of useMemo so there's no need to use it.

In general, it is useful for when you need to optimize performance by avoiding expensive computation functions.

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

I will write a more detailed article in the future. Thank you!

Search Hashnode

Introduction to React Context API with Firebase Authentication

Responses(2)