This tutorial utilizes the library react-firebaseui, which appears to no longer be maintained and is not compatible with FIrebase v9. Tutorial was good, but I had to stop around the 18 minute mark as I could no longer code along with the host. It's been hard to come by a react + firebase tutorial that is up to date with firebase v9.
The process for creating the Firestore seems to have changed slightly, as the 'create database' option is replaced text stating 'This project is set up to use Cloud Firestore in Datastore mode.' and links to Google Cloud Console. Should we be setting up an entity in Google Cloud?
StyledFirebaseAuth is not working in mine. I ve cross verified and installed the required dependencies and yet it says. What is something I coould be missing. It is something we entirely import from react .! 'StyledFirebaseAuth' is not defined react/jsx-no-undef .
I solved the firebase deploy problem by changing the build script to next build && next export. Now, the app starts out well but I get a 404 error when the url changes to dashboard after successful login credentials are entered. Then ONLY when I hit the back arrow on the browser the dashboard page opens. Is anyone else seeing this odd behavior?
the code to implement identification tracking in the profile section when a user changes their email address after registering, should that be done inside auth.js ? Or lets say profile.js file of the codebase? If it is in profile.js what sort of a code line should be written to implement tracking?
Hi. Hopefully someone can help me. I'm trying to deploy my app but when I go to URL, I get a "Welcome Firebase Hosting Setup Complete" page. Am I missing something? Any help would be awesome! Thanks!
figured it out. For anyone else having this issue. I updated the build script to "next build && next export" which generates a folder "out" which you can then specify as the public directory when running firebase init hosting
not much of a developer - followed to the end and still couldnt get the view i wanted. thought it was the script policy on my laptop but resolved that and still hit a wall. Shame i had to delete this
Hmm I am hitting an issue with the redirect from the singin/login dialog. It logs in or signs up a new account and they exist in firebase but I get the message "No redirect URL has been found. You must either specify a signInSuccessUrl in the configuration, pass in a redirect URL to the widget URL, or return false from the callback." const REDIRECT_PAGE = '/dashboard'; //config FirebaseUI const uiConfig = { signInFlow: 'popup', //signIn flow with popup rather than a redirect signInSuccessfulUrl: REDIRECT_PAGE, signInOptions: [ EmailAuthProvider.PROVIDER_ID, GoogleAuthProvider.PROVIDER_ID ] } export default function Home() { const router = useRouter(); const [login, setLogin] = useState(false); return (
Expense Tracker
Welcome to Expense Tracker! Add, view, edit, and delete expenses setLogin(true)}> Login / Register
I've always been a fan of all video content the firebase team makes. Thanks guys! good job!
Thank you Andrea and team for the great video!
Now the link repo is working guys 👏🏽👏🏽
Literally exactly what I wanted to learn this weekend
This tutorial utilizes the library react-firebaseui, which appears to no longer be maintained and is not compatible with FIrebase v9. Tutorial was good, but I had to stop around the 18 minute mark as I could no longer code along with the host. It's been hard to come by a react + firebase tutorial that is up to date with firebase v9.
I am stuck at the same position, tried debugging it for an hour then saw this comment.. 🙈
Hey
Thank your for the video but the link to the repo is not available. It redirect me to a 404 page.
still a 404
Same!
Thanks! we've updated the description now github.com/firebaseextended/expense-tracker
Very clear, step by step, I think my first firebase + react app needs a big refactor.
Nice video! It could be nice aswell to have the same with react native !
This Video is Fire!!!
Thanks the kind information
The process for creating the Firestore seems to have changed slightly, as the 'create database' option is replaced text stating 'This project is set up to use Cloud Firestore in Datastore mode.' and links to Google Cloud Console. Should we be setting up an entity in Google Cloud?
StyledFirebaseAuth is not working in mine. I ve cross verified and installed the required dependencies and yet it says. What is something I coould be missing. It is something we entirely import from react .!
'StyledFirebaseAuth' is not defined react/jsx-no-undef
.
cool but react firebaseui is not compatible with Firebase v10 anymore, also not supported by react v18 :/
Such a nice and informative video!!1
Any info on when the repo will be available? Would love to follow the video. Thanks a lot.
Thanks Germano, we've updated the description with the repo now github.com/firebaseextended/expense-tracker
Thank you so much for this interesting course👏🏻
That is what i need thank you
awesome video!
I solved the firebase deploy problem by changing the build script to next build && next export.
Now, the app starts out well but I get a 404 error when the url changes to dashboard after successful login credentials are entered. Then ONLY when I hit the back arrow on the browser the dashboard page opens.
Is anyone else seeing this odd behavior?
Can't even get the app to run, facing bunch of errors
the code to implement identification tracking in the profile section when a user changes their email address after registering, should that be done inside auth.js ? Or lets say profile.js file of the codebase? If it is in profile.js what sort of a code line should be written to implement tracking?
Very nice!!!
look forward to the next videos
dude that was helpful
dude ??? LOL
Can we also have this for angular please?
authorisation section would be appreciated,its the most confusing part of firebase
Can you make video on user IAM with custom roles and permissions.
Hi. Hopefully someone can help me. I'm trying to deploy my app but when I go to URL, I get a "Welcome Firebase Hosting Setup Complete" page. Am I missing something? Any help would be awesome! Thanks!
figured it out. For anyone else having this issue. I updated the build script to "next build && next export" which generates a folder "out" which you can then specify as the public directory when running firebase init hosting
@@jslee423 This worked for me, not sure why it works, but it does! thanks!
@@jslee423 thank you sir
Can there be a comprehensive tutorial for react native as well.
I'm assuming the repo was accidentally left private or something? No sign of it at all.
Thanks! We've updated the description now github.com/firebaseextended/expense-tracker
min:44 dying for the no-joke joke 😄
after npm install node-modules size 16GB+ seriously?
i m not able to add reciept
Fix git repo please 404
Thanks, we've fixed it now!
@@RichardHyndman it’s still not working
not much of a developer - followed to the end and still couldnt get the view i wanted. thought it was the script policy on my laptop but resolved that and still hit a wall. Shame i had to delete this
Google ditching angular and making a react tutorial 😂
I don't know for you guys, right after I attached Firestore Database, the app doesn't load :(
exactly. I've been having the same error
did you get to fix it?
kinda in the same situation help please
@@6_feet I quit ! I’ve switched to AWS amplify
Ok thanks 👍
First make sure that the git project working .No package.json .
Why no love for Dart. Give us native Firebase Admin SDK. Dart is already capable enough for backend dev...
React firebase ui is dead!!!!!!!!!!!!!
this is not beginner friendly at all, u rush too fast!
Useless tutorial, all mention lib are outdated. Waste of time. High recommend, dont spend time on it.
Hmm I am hitting an issue with the redirect from the singin/login dialog. It logs in or signs up a new account and they exist in firebase but I get the message "No redirect URL has been found. You must either specify a signInSuccessUrl in the configuration, pass in a redirect URL to the widget URL, or return false from the callback."
const REDIRECT_PAGE = '/dashboard';
//config FirebaseUI
const uiConfig = {
signInFlow: 'popup', //signIn flow with popup rather than a redirect
signInSuccessfulUrl: REDIRECT_PAGE,
signInOptions: [
EmailAuthProvider.PROVIDER_ID,
GoogleAuthProvider.PROVIDER_ID
]
}
export default function Home() {
const router = useRouter();
const [login, setLogin] = useState(false);
return (
Expense Tracker
Welcome to Expense Tracker!
Add, view, edit, and delete expenses
setLogin(true)}>
Login / Register
setLogin(false)}>
);
}
signInSuccessURL.... NOT signInSuccessfulURL. That solved it.
I would highly advise people to use react-firebase-hooks to make their lives significantly easier.
Any advice to consider when using react-firebase-hooks?
What are its Pros (in addition to simpler implementation) and Cons (if any)?
Thanks!!