How to Connect Firebase to Angular Project - Do It Right

Поділитися
Вставка
  • Опубліковано 6 жов 2024

КОМЕНТАРІ • 56

  • @MonsterlessonsAcademy
    @MonsterlessonsAcademy  Місяць тому

    WATCH NEXT: Angular Unit Testing Course - All That You Need to Know About Testing - ua-cam.com/video/bv9z_UfSqgM/v-deo.htmlsi=WVzOWtdQUZWEbqsz

  • @drzewko3871
    @drzewko3871 24 дні тому

    Can you please make a video about firebase storage with angular? Can't find anything up-to date and your tutorials were always clear and easy to follow.

  • @alexanderbell7736
    @alexanderbell7736 7 місяців тому +1

    Thank you for this great tutorial. I found it really helpful. With all the updates to Angular recently it's great to find something that's up to date with all the latest features. Keep the firebase videos coming!

  • @umahesa5855
    @umahesa5855 8 місяців тому +2

    this is a great tutorial!
    can you please continue creating Login and CRUD projects in Angluar and Firebase applications

  • @hamza201183
    @hamza201183 8 місяців тому +4

    It's great if you can provide more videos about firebase. Like authentication etc.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому +2

      I will ad it to the list of ideas

    • @hamza201183
      @hamza201183 8 місяців тому

      @@MonsterlessonsAcademy It can also be a course idea :)
      What I would love to practice too is this angular oauth2/oidc library for authentication and authorization.
      But only if you are interested in this topic.

    • @marandambuelo
      @marandambuelo 8 місяців тому +1

      ​@@MonsterlessonsAcademyand also do topics like sessions.

  • @hamza201183
    @hamza201183 8 місяців тому +1

    You rock Oleksandr 👍 Thank you very much.
    It's interesting that you have two services for the Todo model only. One for state (signals) and one for firebase.
    I think I would have implemented one service for both cases: Call the API and update the signals inside subscribe(). I hope there is no problem with this approach?
    Many thanks again

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому +1

      No problem. Just do how you like.

    • @hamza201183
      @hamza201183 8 місяців тому

      @@MonsterlessonsAcademy Ok Thanks!

    • @nikk1019
      @nikk1019 8 місяців тому

      Separation of concerns i guess

  • @Sins-w4y
    @Sins-w4y 2 місяці тому

    благодарю за видео, самому было трудно разобраться, кстати, как я понял в новой версии angular importProvidersFrom() лишняя

  • @godlypotato4195
    @godlypotato4195 8 місяців тому +1

    Dude, I love your videos, but I have to ask. What the hell are those thumbnails of yours?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому

      What is with them?

    • @godlypotato4195
      @godlypotato4195 8 місяців тому

      @@MonsterlessonsAcademy They are the exact opposite of the energy you give out and the content of the video.
      I get that they are made to be more clickbaity, but I was actually discouraged from clicking on your videos at the beginning, because the thumbnail looks like a clickbait, usually from videos with 0 content. I stayed because, its actually good content and the headline.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому

      @@godlypotato4195 I agree with you and you are not the first person to mention this. I will remove this specific thumbnail from future videos. Thanks for the feedback

  • @Porkupine69
    @Porkupine69 4 місяці тому

    is inject(service) the same as constructor(service: Service)
    I haven't heard of inject before.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  4 місяці тому

      Then you need to check more video on the channel :)
      ua-cam.com/video/SMFhsSQvsEc/v-deo.htmlsi=-zn2GY_ElnpuRWLI

  • @ayushpandit443
    @ayushpandit443 7 місяців тому

    Can you create a video on getting and setting data with firebase realtime database with angular as there is no proper video about same

  • @manojht8036
    @manojht8036 7 місяців тому

    Please make video on how to host on firebase for both csr and ssr mode. please

  • @levaninatenadze9644
    @levaninatenadze9644 Місяць тому

    you need condition text !== '' " when addTodo
    otherwise its add empty, no?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  Місяць тому

      Yeap

    • @levaninatenadze9644
      @levaninatenadze9644 Місяць тому

      @@MonsterlessonsAcademy love your channel bro, can u create some wrapper component for example angular material grid wrapper or something like that? It would be great ❤️

  • @youngoose7
    @youngoose7 3 місяці тому

    where is the previous todo app project to follow this course? cannot find it.

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 місяці тому

      Here you go ua-cam.com/video/uyTC0Skvvls/v-deo.htmlsi=spWpGQOOvHS0LcsO

    • @youngoose7
      @youngoose7 3 місяці тому

      @@MonsterlessonsAcademy thanks for the quick response! appreciate

  • @christernoey1954
    @christernoey1954 7 місяців тому

    Thanks for this excellent tutorial. Please tell me why you have so many subscribe() calls, but no unsubscribe() calls. Are they unnecessary?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  7 місяців тому

      It depends. If you want to be on the safe side just unsubscribe everywhere. Here we always have promises which means subscribe will be also called only once.

    • @christernoey1954
      @christernoey1954 6 місяців тому

      Thanks.@@MonsterlessonsAcademy

  • @BannisterNicholas
    @BannisterNicholas 6 місяців тому

    The confusion I'm having is disconnecting you service from the firebase service. Do you have a video where you connect firebase from scratch without the existing service?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  6 місяців тому

      I don't understand your question. You can write the same code in the component without additional service if you want.

    • @BannisterNicholas
      @BannisterNicholas 6 місяців тому

      @@MonsterlessonsAcademy You have an existing toDoService from the previous video, I don't have any of that, I'm starting from a blank project and trying to only include my own FirebaseService. But I keep trying to understand what your doing, and you have a service in your component, which I don't understand.

  • @emnz1003
    @emnz1003 3 місяці тому

    is it safe to show the apiKey of your firebase project? I mean in documentation they tell that you can simply copy paste it, but for example if your code is open source is it really safe?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  3 місяці тому

      No it's not safe. I removed the project after recording the video. You need to use environment variables (.env) if you push your repo to public folder.

    • @emnz1003
      @emnz1003 3 місяці тому

      @@MonsterlessonsAcademy got it, thank you a lot. And another doubt that i have is: if my key is in the index.html, isn't that visible to the user? I mean, when I go on an Angular website, the index.html is visible to me, isn't it? (I don't know how to access it but i guess in some way it is visible to the user)

    • @someoneunknown6894
      @someoneunknown6894 12 днів тому

      @@emnz1003 Yep, it's visible. You can view all the html on the page with devtools (by pressing f12)

  • @nikk1019
    @nikk1019 8 місяців тому

    can i use SQL Server database in firebase?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  8 місяців тому +1

      It is not possible to use Firebase in this way. Firebase is a real-time object store. It is not a SQL database and is not intended to be a replacement for one. It completely lacks mechanisms such as JOINs, WHERE query filters, foreign keys, and other tools relational databases all provide.

  • @front-flow
    @front-flow 7 місяців тому

    Где увидеть API для firebase под angular 17? Where can I see the API for firebase under angular 17?

    • @MonsterlessonsAcademy
      @MonsterlessonsAcademy  7 місяців тому +1

      Nowhere. Documentation is not a thing in Firebase. You can find some pieces here but just basics.
      github.com/angular/angularfire/blob/master/docs/firestore.md#cloud-firestore

    • @front-flow
      @front-flow 7 місяців тому

      🥲@@MonsterlessonsAcademy

  • @omarabdelhameed1066
    @omarabdelhameed1066 7 місяців тому

    U r a king ❤

  • @hamza201183
    @hamza201183 8 місяців тому

    Just sent you an E-Mail btw

  • @kevinharis7278
    @kevinharis7278 8 місяців тому

    what your version of angular and @angular/fire ??