Using Cloud Firestore For Your REACT Backend 2023 | CRUD App

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024

ความคิดเห็น • 33

  • @SonnyBamra_0
    @SonnyBamra_0 ปีที่แล้ว +1

    Wow I’m new to your channel and I think it’s great. I like you reference the documentation and show exactly how you are getting the info and code. I am not a fan of the tutorials that don’t even show you the thought-process as it’s not real world IMO. Subscribed.

  • @gunsofboomboom5343
    @gunsofboomboom5343 6 หลายเดือนก่อน

    This is exactly what I needed thank you so much for a excellent easy to understand tutorial!

  • @israelsantiago7256
    @israelsantiago7256 10 หลายเดือนก่อน

    excelent tutorial, loved it!! direct to the point, as you mentioned it's a firebase course, not react course, I loved that, very very helpful!! new subscriber earned

  • @riccoc.6507
    @riccoc.6507 7 หลายเดือนก่อน

    Genius, thank you bro. exactly what i was looking for!

  • @СлаваТихонов-ч6о
    @СлаваТихонов-ч6о 4 หลายเดือนก่อน

    Thank you, very useful video!

  • @gavinkalaher7314
    @gavinkalaher7314 ปีที่แล้ว +1

    Excellent, this will be really helpful for my React projects. Thanks for the demo, Travis!

  • @eleah2665
    @eleah2665 ปีที่แล้ว

    Cool. Thanks. Don't peek!

  • @mzb_swl
    @mzb_swl ปีที่แล้ว +1

    that was the quite helpful stuff.

  • @1haker
    @1haker 4 หลายเดือนก่อน +1

    There is no need to duplicate Add and Edit just make one form component that accept incoming values from backend for editing as prop

  • @milandash-mg4gh
    @milandash-mg4gh หลายเดือนก่อน

    👍👍👍

  • @meharsain728
    @meharsain728 ปีที่แล้ว

    umm.. i'm making my first app as my final year project, ecommerce app react native with firebase. i was looking for crud, thank you, its a way out for me.
    one thing is still toubling me on how to add payment method, dynamically data fetching and displaying, if you can provide any more resources, i'll be very thankful to you.

  • @imanhameed3722
    @imanhameed3722 5 หลายเดือนก่อน

    Can you make a video this week before saturday of usinf firebase as backend for REACT NATIVE!
    How we can use it for storing and displaying arrays as well as normal json format
    I have my final exam next week on sunday.
    It will be very helpful 🥹

    • @imanhameed3722
      @imanhameed3722 5 หลายเดือนก่อน

      Mainly i want to learn how to implement arrays in firebase and code to create and display these arrays 🥹

  • @laddrusso5243
    @laddrusso5243 ปีที่แล้ว +1

    Excellent but can you do a video like this but start from scratch

  • @DEBO5
    @DEBO5 7 หลายเดือนก่อน +1

    Sorry usually I didn't know that you could just put the db init and db queries right in the client but that being said, in a production level app you would need to spin up a server with node and express anyways because although Firebase is a BaaS that comes with a safe SDK, it can't do things like CSRF tokens/nonce or other server-side validation and sanitzation, etc. At that point, I would toss all of the firebase code in the backend api also for seperation of concern. When would you ever really want to make a full-stack app without the necessary security features? (or at least the architectural set up to do so). Not to mention if the app were to scale the client-side could get really bogged down by db associated logic that could have better been hosted on a seperate backend. Relying heavily on client-side logic for database interactions can lead to increased load times and potentially bog down the client, especially as the application grows. Furthermore, this approach can significantly impact the initial page load and interactivity, as hydrating the DOM with all that client-side logic-essentially backend operations-can delay the user's ability to interact with the page promptly. I don't even want to get started on code splitting/chunking (although I know this is meant to be a simple tutorial)...

  • @basilrahim4406
    @basilrahim4406 11 หลายเดือนก่อน

    Can't you trigger get employees func using the array dependencies of the useEffect() ?

  • @Satya-v9n
    @Satya-v9n ปีที่แล้ว

    Is it possible to add logic to the application with just react and firestore. For Example: if i add a task to buy milk, then a task to buy bread should be auto added.

    • @TravisMedia
      @TravisMedia  ปีที่แล้ว +1

      It’s possible. React can provide all the logic you need there prior to sending the data.

  • @satisfyingly1
    @satisfyingly1 ปีที่แล้ว

    1:38 I turned off my phone and realised I was watching from my phone 😅

  • @floramerano6293
    @floramerano6293 หลายเดือนก่อน

    Next assignment: create a register component.

  • @mdarifulislam2736
    @mdarifulislam2736 6 หลายเดือนก่อน

    do you know someone name jack lovelace?

    • @TravisMedia
      @TravisMedia  6 หลายเดือนก่อน

      I don’t.

  • @man_behind
    @man_behind ปีที่แล้ว

    The video is private hehe

  • @Pranav-ie1ik
    @Pranav-ie1ik 4 หลายเดือนก่อน

    why do you guys teach even ? why do you have to copy a repo and work on that why can t you just start working from scratch that what i was here for
    you guys only focus on selling course i guess

  • @okay_cam_personal
    @okay_cam_personal หลายเดือนก่อน

    For anyone having issues at 19:33,
    I had this error: @firebase/firestore: Firestore (9.23.0): Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=unavailable]: The operation could not be completed
    I fixed it by moving my .env file into the root folder (inside the firestore-react-crud-app) - I had accidentally put it outside
    Firebase error of permission-denied may mean that you should fix your firestore rules
    Go to Firestore Database > Rules, and maybe change it to have 'write: true;' to see if that fixes it

  • @onezcube3741
    @onezcube3741 ปีที่แล้ว +3

    sorry mr travis i have error "Could not reach Cloud Firestore backend"
    @firebase/firestore: Firestore (9.21.0): Could not reach Cloud Firestore backend. Connection failed 1 times. Most recent error: FirebaseError: [code=permission-denied]: Permission denied on resource project "employee-database-46883",