fireship-io / fireship.io

Build and ship your app faster https://fireship.io
3.58k stars 1.32k forks source link

courses/react-next-firebase/intro-firebase-basics/ #830

Open utterances-bot opened 2 years ago

utterances-bot commented 2 years ago

Firebase Basics

Learn the fundamentals of Firebase Authentication, Firestore, and Storage

https://fireship.io/courses/react-next-firebase/intro-resources/

crazyforMcCafe commented 2 years ago

Is there a rundown of Firebase that you would recommend for v9?

hamsternik commented 2 years ago

Passing this course in 2022 and Google Cloud provides brand new v9 version of the Firebase SDK and another default method of installation for Web apps. To get the same result as in the video I have found how to add Firebase into my demo project into the Alternative ways to add Firebase to your JavaScript project section.

In video author installed Firebase form the CDN nonetheless you can use install the latest v9 version that way as well. Using CDN installation will reduce the capability to launch raw .html file in the browser simply addressing the pass to the local file without CORS error in the browser's inspector.

hamsternik commented 2 years ago

The only way I could run local index.html with according Firebase .js script code (using v9 latest version of Firebase SDK) using CDN as alternative way was using printing firebase app variable instance directly into the same <script> namespace and not at the app.js file.

hamsternik commented 2 years ago

When you are going to this timeframe of the video to load app.js file as script in your HTML file add one more attribute called type with module value. That would help you eliminate "Cannot use import statement outside module in JS" error when you later will launch your site locally / publicly via firebase.

More details about the error: https://bobbyhadz.com/blog/javascript-syntaxerror-cannot-use-import-statement-outside-module

hervegbedji commented 2 years ago

This course needs to be updated. The current version of firebase DOCS uses node modules for default installation. It's difficult to follow the first steps of this video

laurent1983 commented 2 years ago

Same here. I just can not get the expected result for console.log(firebase) I don't get it and I hope someone will answer me on slack