The advanced guide to React Context with hooks.

Hi all, It's been almost 4 years when React team has been released hooks, the addition to React function component to use state and control the mounting of the apps via Effects lifecycle method. In this guide you'll have a practical guide how to use ...

codereviewio.hashnode.dev6 min read

#reactjs #state #react-native #reacthooks

Responses1

Markdown supported · ⌘↵ to post

HT

Hiep Tran

Software Developer

Hi there, Thank you for your content, I've learned a lot from your post. However, I see you make some mistakes during using auth context. First, you created auth context in src/auth/AuthContext.ts but you imported the context from ./auth/Context instead of ./auth/AuthContext. The second problem I saw in your code that AuthContext may be undefined, we should use optional chaining to avoid Object is possibly 'undefined' error.

Mar 22, 2021

C

CodeReviewIo

Full-Stack Developer

Mar 22, 2021

Thank you, I have updated it. For context value: this actually should be defaultValue not undefined but in this case we have to provide full initial data consider it initialState. So, the solution that we provide undefined or make all the contextValues optional and then pass defaultState I would say in this case it depends to your project.👍 Happy that helps.

Search Hashnode

The advanced guide to React Context with hooks.

Responses1