React Contact Manager App | CRUD | React JS Tutorial 2022 | NAVEEN SAGGAM 

I have a doubt regarding the async await part for getting contacts . I heard using async directly inside useEffect is not a good practice / ❌ Don't do this! useEffect(async () => { const users = await fetchUsers(); setUsers(users); return () => { // this never gets called, hello memory leaks... }; }, []); This WORKS, but you should avoid it. Why? Because React’s useEffect hook expects a cleanup function returned from it which is called when the component unmounts. Using an async function here will cause a bug as the cleanup function will never get called. use this way instead useEffect(() => { const getUsers = async () => { const users = await fetchUsers(); setUsers(users); }; getUsers(); // run it, run it return () => { // this now gets called when the component unmounts }; }, []); Thanks

To correct the useEffect() hook error - async await part for getting contacts - change your code to: useEffect(() => { async function handleResp(){ try{} catch{} }; handleResp(); }, []); ------------------------- New version of react throws errors if you use async () => {}

thank you! you really help newcomers like me ✌

dont know what methods you are using but after 1:16:00 nothing is running. This code is shows error where using colon(:) useState(initialState:{ , useEffect(effects: ....... and so many errors.

Can anyone tell me how to deploy this project ?? Both server part and src-component. I made delopy using npm build and netlify but contact detail is not displaying..pls help

This should not be called "tutorial", there is plenty of code that is being added by Webstorm itself and you are not showing it at all...

Sir Can you please do a tutorial on movie ticket boking with MERN stack ?

awesome tutorial, thank you sir

thank you sir very helpful information

super bro, bro could u plz share Source Code plz

Awesome Sir.

I am getting an error Failed to compile. ./src/components/contacts/ContactList/ContactList.jsx Line 6: Parsing error: The type cast expression is expected to be wrapped with parenthesis. 4 | 5 | let ContactList = () => { > 6 | let [state,setState] = useState(initialState:{ | ^ 7 | loading :false, 8 | contacts : [], 9 | errorMessage : ''

Sir please deploy it in netlify and show us. Am having error after deployed in netlify. I put separate folder for server. Is this the issue. If i run locally by starting both client and server, it is working properly. But after deployment it is not working it cannot able to get /contacts.please help me

Thank you sir 💻

Sir please make video on how to deploy this project

hello sir, you are using useEffect to fetch data from json u are doing wrong async because useeffect return sybchronous not asynchronous

Hello sir. Please I getting this error when using the POST API function error: Unhandled Runtime Error TypeError: func.apply is not a function Call Stack HTMLUnknownElement.callCallback

I have a doubt that when we use json-server and json file, when we deploy the app will it works.

Why can't you use this db. Json file inside src. Why we have to go for separate folder

I needed this.. Thanks a lot It's too good

Great tutorial ! I'm stuck in the server side rending part and GITHUB link doesn't have src folder. Can you upload it please?

not able to get data into console using useEffect

so there is one problem with the database when u are trying to open it in a new browser so the record u are trying to select for groups so should not accessible so what actually solutions for the same try that once u will get it and nice thing learn

Deepak Kadela thanks and one more error geeting below code src/components/contacts/ContactList/ContactList.jsx Line 11: Parsing error: Unexpected token, expected "," 9 | }) 10 | > 11 | useEffect (effect: async() => { | ^ 12 | try { 13 | let response = await ContactService.getAllContacts(); 14 | console.log(response.data)

how come async await work with useEffect, for it was getting error.

Hello everyone. I'm facing an issue while launching my app after intalling firebase. The error message is "Module not found: Error: Package path . is not exported from package". It's asking me to see exports field in package.json Can someone help me go through this please?

how to create a react using node or firebase, pls make one project of it?

Stuck at 1:21:08 when I inspect on application it shows error not able to se the array of user

sir how do i do this with spring boot please help me

You should mention it's a class you are using

Hi sir ,thanks for uploading such wonderful content...😍

sir while opening this project in new window , created contacts are not synching. can you clarify this

Thank you for this tutorial , I want to ask if there is any configuration if I used asp core api , I mean , is it same as json server? .

Thak you for sharing.😍

Hi, when I try to use ViewContacts to get single contactId, I get an error 404 not found. What could have been the cause?

Is search bar. Working

Superb! Tutorial 😊

Try to used dark black or good theme for vs code because code visibility is not good.

this app so ussles

how to solve this

Bro Git me src file bhi upload kro

Felicitaciones y gracias por éste tremendo tutorial, está de lujo, pero el vsc me dá error en el 1:19:00, no me reconoce y no puedo avanzar... nosé cuál es mi error... ayuda por favor. HELP

ty so much sir

great sir

Thnx sir

thanks alot

thank you

1:19:15 i am getting syntax error from there. Its showing Error: The type cast expression is expected to be wrapped with parenthesis when using get function ,Expected ',' etc

It is a nice tutorial, thank you

Src file..

I made the same project with your tutorial it was awesome. Now can you please make a video on hosting the contact-manager app on anywhere.

🔥🔥🥰🥰🥰🥰

Src folder bro

Awesome tutorial, great job

Excellent project sir, I love it ,

Fantastic tutorial!!

at 1:19:16 how do you get the "initialState:" on line 6? what extension or plugin is it? Thank you for this awesome tutorial, It's helping me tons!

hello sir ,thanks for uploading such wonderful content❤ .just have a doubt .. what does ...state means in setState function?

Thanks, already subscribed your channel