Using Cloud Firestore For Your REACT Backend 2023 | CRUD App

Поделиться
HTML-код
  • Опубликовано: 23 авг 2024

Комментарии • 31

  • @gunsofboomboom5343
    @gunsofboomboom5343 4 месяца назад

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

  • @bloodshotsoul
    @bloodshotsoul Год назад +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.

  • @gavinkalaher7314
    @gavinkalaher7314 Год назад +1

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

  • @riccoc.6507
    @riccoc.6507 6 месяцев назад

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

  • @israelsantiago7256
    @israelsantiago7256 8 месяцев назад

    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

  • @user-ub5nv1eo9k
    @user-ub5nv1eo9k 2 месяца назад

    Thank you, very useful video!

  • @eleah2665
    @eleah2665 Год назад

    Cool. Thanks. Don't peek!

  • @islamicinfo9519
    @islamicinfo9519 Год назад +1

    that was the quite helpful stuff.

  • @1haker
    @1haker 3 месяца назад +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

  • @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.

  • @laddrusso5243
    @laddrusso5243 Год назад +1

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

  • @imanhameed3722
    @imanhameed3722 4 месяца назад

    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 4 месяца назад

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

  • @basilrahim4406
    @basilrahim4406 10 месяцев назад

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

  • @user-it7lv5ok6c
    @user-it7lv5ok6c Год назад

    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 😅

  • @DEBO5
    @DEBO5 5 месяцев назад +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)...

  • @mdarifulislam2736
    @mdarifulislam2736 4 месяца назад

    do you know someone name jack lovelace?

  • @man_behind
    @man_behind Год назад

    The video is private hehe

  • @Pranav-ie1ik
    @Pranav-ie1ik 3 месяца назад

    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 10 дней назад

    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",