React Js How to REFRESH a Component | Best Practice

In this video, I'll show you how to refresh a component in react js. There are several ways to refresh a component in react js but what is the best approach to refresh a component? I have a real scenario and will show you what solutions we have and what is the best one...

[@MyKreber]

Thank you very much man! That helped me so much! Great video, really useful. Thanks again!

[@alfonsopayra]

just the video i was looking for XD thanks buddy

[@haha-eg8fj]

Thanks I learned some new technique today.

[@Ahmedahmed-qg5ep]

Thank you so much. It saves lots of time.

[@yas12356]

Cheers! you helped 71K beginners who try to do their self-learn project 👋👋💖💖

[@didheemosesebastian821]

Finally i find a video thanks its really helpful ❤

[@praisebanks]

Thanks alot, u solved my problem ❤

[@MridulBorah2014]

Helped me, thanks

[@ismaelhernandez4898]

Thanks for this video, it really help me, new sub!

[@juanjose6319]

Super super heplful, thanks a lot men!!!!! you're a hero!

[@Vimal108_-]

Youre a life saver!

[@davidgallego1216]

Thank you this is a great video, really help me.

[@ulugbekvaxidov7339]

Thank you very much.Nice vid.

[@elkhanhamet2561]

thank you sir, you've got a new subscriber 😊

[@marimuthur9456]

Your really talented it's fabulous explanation thank you so much😊🙏🏼

[@wevertonsantiago8124]

Thanks so much!

[@trondnado]

Hi! Nice vid. Is there a repository for this video?

[@sravanimaragani2338]

Hi sir how to refresh the table data with button please do the videos on the ways of refreshing concepts

[@alexei000]

i had a similar problem, i had an element with different url, i just had to add on the useEffect the url parameter, so every time it changes it refreshes the page. I hope this helps someone

[@RockstarGamer4531]

Doubt: I have a list of users and after clicking on user line i will be redirected to the route of user details component. On that component there is a delete button. And after deletion i am navigating back to users list. But sometimes its not getting updated. So my question is how to refresh a component from another component. Meaning how could i notify my list to refresh on click of delete button?

[@sandeshmaharjan8204]

Create a reload state and set it false and when you delete it set the reload to true and pass it to the component where you wana update . Grab that reload in the function and in the use effective set that reload and the fetching will occur automatically.
Const[reload, setReload] = useState("false")

[@RockstarGamer4531]

@@sandeshmaharjan8204 thanks but i guess correct syntax is
const [reload, setReload] = useState(false);

[@jaysingh5402]

Can you make one video on auto refresh ?

[@lesjoni8347]

But what's solution if i map array of users, and post new one into array on server. How can i update old array on the page without refreshing page?

[@isaaclee7411]

You saved me, bro

[@kelvinpenha9669]

Thanks!!

[@Eikichi_Uchiha]

Thank you

[@rushikeshjadhav7748]

Thankyou sir 🙏🙏

[@celestial8610]

this solution happen if you add new data. how about mutate an old data inside the array state?

[@netsaosa4973]

I incremented the like total by 1

[@nusratnigar3209]

my components are not refreshing on server while i am changing the link .what is reason behind it?

[@manelhamilton8402]

The same prblm, Did u found any solution ?

[@sadickminnih1921]

How to use this same principle when we delete element via api ?

[@ahmadmajed4355]

It should works with any api

[@houssemkoubaa3746]

can i do this using class component ?

[@ReactWithMasoud]

Yes, you can use the setState method to update the state.

[@svloex]

thanks

[@ReactWithMasoud]

Was it helpful?

[@kadeus]

Ewolla ba in lahheh Iranit

[@amirkian1181]

Where R U From?

[@ReactWithMasoud]

I am coming from where are you 😀

[@amirkian1181]

@@ReactWithMasoud I am coming from where you are.

[@kirarevcrow]

When you say refresh, it's actually misleading. You should say "re-render" which is a main concept in React. Plus, you're not suppose to forceUpdate unless you're doing something wrong with React or it's a very typical situation.

[@letswitswa7411]

Didnt solve my problem