Intermediate React and Firebase Tutorial - Build an Evernote Clone
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Sudharshaun
When I tried to compile my page after importing all the material-ui files. I got this error - index.js:1 Material-UI: the -styles- argument provided is invalid.
You are providing a function without a theme in the context.
One of the parent elements needs to use a ThemeProvider. and that's it, I couldn't proceed further as I have no idea about material-ui. It would be great if somebody might help
reply
When I tried to compile my page after importing all the material-ui files. I got this error - index.js:1 Material-UI: the -styles- argument provided is invalid.
You are providing a function without a theme in the context.
One of the parent elements needs to use a ThemeProvider. and that's it, I couldn't proceed further as I have no idea about material-ui. It would be great if somebody might help
reply
vignesh
For people who want to use debounce in a functional component, use the useRef or useCallback hook to persist local variables after each render like this:
const update = useRef(
--debounce(() => -
---console.log('updating database!')
---, 1500)
-).current
or
const update = useCallback(
--debounce(() => -
---console.log('updating database!')
---, 1500),
--[]
-)
reply
For people who want to use debounce in a functional component, use the useRef or useCallback hook to persist local variables after each render like this:
const update = useRef(
--debounce(() => -
---console.log('updating database!')
---, 1500)
-).current
or
const update = useCallback(
--debounce(() => -
---console.log('updating database!')
---, 1500),
--[]
-)
reply
naeaman
Finished the build, but when I tried to run it I have an issue. I can add and delete a note, but when I try to write in the body it freezes. When I hit refresh it says -page unresponsive-. I went over all of your Github code and double-checked my code. I'm using a Mac btw. Is there maybe an infinite loop somewhere? I'm not sure what's causing this
reply
Finished the build, but when I tried to run it I have an issue. I can add and delete a note, but when I try to write in the body it freezes. When I hit refresh it says -page unresponsive-. I went over all of your Github code and double-checked my code. I'm using a Mac btw. Is there maybe an infinite loop somewhere? I'm not sure what's causing this
reply
ifeanyi
-portEXE, thanks for this tutorial, I'm enjoying it so far. I actually bumped into an error: I'm at 1:03:33, and when I refresh the browser page I get this error: -TypeError: Cannot read property 'title' of undefined-. I've checked all the code and everything seems to be in place. Any ideas why I get this error?
reply
-portEXE, thanks for this tutorial, I'm enjoying it so far. I actually bumped into an error: I'm at 1:03:33, and when I refresh the browser page I get this error: -TypeError: Cannot read property 'title' of undefined-. I've checked all the code and everything seems to be in place. Any ideas why I get this error?
reply
Yusuf
If you are getting firebase app is not iniitialized error change import in index.js to this:
import firebase from -firebase/compat/app-;
AND initialize app like this:
const app = firebase.initializeApp(firebaseConfig);
reply
If you are getting firebase app is not iniitialized error change import in index.js to this:
import firebase from -firebase/compat/app-;
AND initialize app like this:
const app = firebase.initializeApp(firebaseConfig);
reply
Yusuf
If you are getting, (path . -- firestore ) was not found in firebase error in first run,
import firebase like this in app.js:
import firebase from -firebase/compat/app-;
import -firebase/compat/firestore-; //v9
reply
If you are getting, (path . -- firestore ) was not found in firebase error in first run,
import firebase like this in app.js:
import firebase from -firebase/compat/app-;
import -firebase/compat/firestore-; //v9
reply
Shivam
I GOT THE SOLUTION YOU HAVE ASKED IN VIDEO
SOL.
AT 1:38:15 sec,In video line no.90 we have to edit this line and replace >1 to >=1 then this sloves the problem
Quite easy
If this work pls like
reply
I GOT THE SOLUTION YOU HAVE ASKED IN VIDEO
SOL.
AT 1:38:15 sec,In video line no.90 we have to edit this line and replace >1 to >=1 then this sloves the problem
Quite easy
If this work pls like
reply
Lucas
Nice tutorial! Please try to make the font size bigger. Sometimes is quite hard to read what you're typing. What i didn't understand (till now) is classes where are u getting them?
reply
Nice tutorial! Please try to make the font size bigger. Sometimes is quite hard to read what you're typing. What i didn't understand (till now) is classes where are u getting them?
reply
Saura
Also, instead of doing the whole if (notes) //is null or not... Can't you just initialize notes to an empty array? I think is better to not mutate the types of variables.
reply
Also, instead of doing the whole if (notes) //is null or not... Can't you just initialize notes to an empty array? I think is better to not mutate the types of variables.
reply
thien
Thanks for your Tutorial, but Please, Can you Config a Light Theme for Visual Studio Code for Easy Seeing? I can't see what you type on the Dark theme!
reply
Thanks for your Tutorial, but Please, Can you Config a Light Theme for Visual Studio Code for Easy Seeing? I can't see what you type on the Dark theme!
reply
Add a review, comment
Other channel videos
