React Hooks Tutorial - 16 - useContext Hook Part 2

I have watched and practiced all your videos on react from basic, render, hooks, api call etc for the past 3 weeks now and I can proudly say I can work on some projects. I didnt want to rush on projects without learning react. I am a backend developer the the love for react and it wonders are overwhelming. Thank you very much.

In this part my code seems ugly and in my case it did not work and tells error
App.jsx:7 Uncaught TypeError: Cannot read properties of undefined (reading 'createContext')

Still I am going in next episode.

🙏👍

Is there any way to change the state from inside the context? What practice is best for that? Thanks in advance.

Man! You are the best .
Codevolution rocks!!!

UserContext -> Provider, Consumer
more nesting

Best Context tutorial I’ve found to date.

Excellent video. You're absolutely a gem!!

import ComponentC from './components/ComponentC'

my go-to teacher when i'm having issues

learn lot from you

thabsl y

Not sure who taught you how useContext works but this is outright wrong and far more convoluted then it needs to be

Great

How to create a context in Login component and make use of the login details in all other components? In this tutorial the context is created in App component and used in all other components. Please create a video to creat context in other components and make use of everywhere in the project. @codevolution

You made it so easy. Thank you so much. I subscribed

Excellent!

why did you not targeted directly component F instead of component C

god save us from callback hell:((

Error : 1. mention :: import {UserContext} from '../App' error showing ::: ./src/component/ComponentC.js
Module not found: Can't resolve './ComponentE' in '/home/kulbhushan/Desktop/React/route/src/component'

PLEASE HELP ME NOW

It' is full complete tutorial?

is it a bad practice to use one Context only and pass in all the data that you need as a value so we dont need to use nested provider and consumer?

Thank you!

Clear and concise, your explanations work! Thank you.

I was thinking you were going to go into Redux but today I learned about React.Provider/React.Consumer ! I had no idea.

I dont see the output at all!! i wrote the same code!!

very good instructor

It's a very good thing to understand how things work under the hood, in addition to the available libraries. I'm following this playlist and things really got ugly here, but this content is really great to know about. Thank you for the great <Content.Provider> you do here 😅😁

Sir, I know i am late but i need just a little help. How can we enter multiple values in the <UserContext.Provider> , Please let me know. Supported on Paypal .

you are the best!

Instead of creating multiple context providers, can't we pass the props as objects, & retrieve it accordingly using context consumers?

You're an amazing teacher! I had seen a lot of videos but I didn't get it. Your videos are so useful! Thanks!

hi, i have doubt as in class level we can pass data as prop to child , is it possible to pass data from parent to child in function ?

Instead of creating one UserContext and one ChannelContext, can you not create just one context and pass the values as an object? Then you don't need to have nested context. Or am I missing something?

const DataContext = React.createContext()

<DataContext.Provider value={{user:'Vishwas', channel:'Codevolution'}}>
// Component code here...
</DataContext.Provider>

You are so good. Please make a series on Context API

Don't forget that in the original context system if you wanted to use the context data in the lifecycle methods you would have to wrap the component in an additional component then pass the data down as props. This was also very annoying since I remember many times when I had to do just that.

Wow! Thank you so much for distinguishing context from useContext hook! That made things a lot clearer.


Great tutorial!

I simply cannot think of anyone else that could pull off SUCH a great tutorial with all your examples that you come up and those attractive phrases that you see on tv : 'If there was only a better way to do this'!

I'm sold! I like your content bruh!

Thank you Vishwas. This series is a breath of fresh air. Well done

Excellent video. Thank you for demonstrating multiple contexts. Most educators do not go this far. Your tutorial is more comprehensive and better relates to real-life challenges. Great work!

I watch all reactjs tutorial.. your awesome....