I built todo app in 7 mins with React & Firebase // Firebase SDK 9 React Todo (CRUD) App 2022

Поділитися
Вставка
  • Опубліковано 25 січ 2025

КОМЕНТАРІ • 81

  • @AshishPandey-lo2vx
    @AshishPandey-lo2vx 7 місяців тому

    Dude it took me 3 days as a beginner to use react and firebase for making todo app 🥺 and you roasted me in literally 8 minutes

  • @Fast-e-Learning
    @Fast-e-Learning 2 роки тому +3

    Good job! This is fun fast:)

  • @nasrinanwar6231
    @nasrinanwar6231 3 роки тому +5

    Thanks. Its the latest tutorial. Just what I needed 😌

  • @christopherchang1714
    @christopherchang1714 2 роки тому +1

    You are the best. The real champion. There are so many firebase-React-Firestore tutorials these days, but some are obsolete, others with too many missing holes, so failed in progress with error messages. Yours are really working. Thank you so much. I determined to be your pupil for good. So, you are my guru now. I am 72 years old New Yorker from South Korea, been here in this great nation some 40 years. Of course I am a naturalized U.S. citizen since early 1990's.

    • @TechArefin
      @TechArefin  2 роки тому

      Thanks a ton sir. I am just a student of class-9. Please keep me in your prayers.😄

    • @christopherchang1714
      @christopherchang1714 2 роки тому

      Of course. You are already in my prayer. I am a catholic. Thank you very much for your answer. I’m now trying to deploy the app on the Internet, which gives me hardship, though.

  • @obendesmond
    @obendesmond 2 роки тому +4

    thanks so much, it's really the latest tutorial, all the others failed

    • @TechArefin
      @TechArefin  2 роки тому +3

      Happy to help ❤ If you want any other tutorial you can tell me 😁

    • @obendesmond
      @obendesmond 2 роки тому +1

      @@TechArefin Ohh yeah, can you do a full tutorial on react and firebase?

    • @TechArefin
      @TechArefin  2 роки тому +2

      Do yoy want any project with react and firebase?

    • @obendesmond
      @obendesmond 2 роки тому +1

      @@TechArefin Ohh yeah, something like youtube (a video platform) but includes a payment system or subscription. can you do that?
      I'll be very grateful to learn

    • @TechArefin
      @TechArefin  2 роки тому

      I will look forward to it :)

  • @randyngubo2451
    @randyngubo2451 Рік тому

    Amazing video,straight to the point snd useful

  • @정양엽
    @정양엽 2 роки тому

    Thank you!!! I am studing 06:44😍

  • @vikasandroidgamer
    @vikasandroidgamer 2 роки тому +5

    Bro you are awesome
    You teach me in very easy and quickly
    Thanks 👍👍

  • @gilvan7388
    @gilvan7388 3 роки тому +3

    Great video!

    • @TechArefin
      @TechArefin  3 роки тому +1

      Thank you very much. It means a lot. Please subscribe for more videos! 😀

    • @TechArefin
      @TechArefin  3 роки тому

      New video ---> ua-cam.com/video/26kC8V97c4Q/v-deo.html
      What video should I do next? 🤔

  • @Viktorres1
    @Viktorres1 2 роки тому

    Thanks man! All works. Even though Firestore interface is not very comfortable I will use it for my project. Because of Firebase is free service.

  • @ritualj0int
    @ritualj0int 2 роки тому +2

    This is awesome dude, i think it will help to crack my code i stuck with ahah, very well done!

  • @disni3693
    @disni3693 Рік тому

    It's really cool, a small piece of information for importing @mui/icons, now we have to import them as "import {Delete as DeleteIcon} from '@mui/icons-material' ", well that's all. thank you for this video!

  • @mgtx6280
    @mgtx6280 2 роки тому +4

    Damn bro thats amazing. For the next video, can you make it to able the user insert the sub-todo list? Like for example, the main task is "Call john Doe", the subtask of this is "Date: 13 march". It would help a lot. Thank you

  • @TechArefin
    @TechArefin  3 роки тому +2

    Join the group for more!---> facebook.com/groups/1084599105726082 What video should I do next? 🤔

  • @sunnySrivastava-j8q
    @sunnySrivastava-j8q Рік тому

    Love from India 😉

  • @flyflor599
    @flyflor599 Рік тому

    Awesome tutorial!

  • @infinitycode1577
    @infinitycode1577 3 роки тому +2

    Thank you save my day

    • @TechArefin
      @TechArefin  3 роки тому +1

      It's my pleasure 😀

    • @TechArefin
      @TechArefin  3 роки тому

      New video ---> ua-cam.com/video/26kC8V97c4Q/v-deo.html
      What video should I do next? 🤔

  • @ninshu1138
    @ninshu1138 2 роки тому +1

    Thanks! Very useful

    • @TechArefin
      @TechArefin  2 роки тому +2

      Welcome ❤

    • @ninshu1138
      @ninshu1138 2 роки тому +1

      @@TechArefin Excuse me, will there be videos on react & typescript? ^_^

    • @TechArefin
      @TechArefin  2 роки тому +2

      I will look forward to it 😁

  • @SuperArnie1974
    @SuperArnie1974 Рік тому

    Thank you what a great and easy to follow tutorial.

    • @SuperArnie1974
      @SuperArnie1974 Рік тому

      Just a thought do you have a tutorial on adding a .env file to hide the auth keys?

  • @pirateworld665
    @pirateworld665 2 роки тому

    Great! Can you make a video on how create CRUD in redux and firebase with create async thunk in redux

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

    I will not understand 😅 but your tutorial is very awesome ❤❤ love from India

  • @devoptimist
    @devoptimist 2 роки тому

    Great video, thanks for explaining it so well

  • @cesmorf5398
    @cesmorf5398 3 роки тому +1

    Wow so helpful with this style

    • @TechArefin
      @TechArefin  3 роки тому

      It's my pleasure 😍 It means a lot for me 😁

  • @shlomiyahbes4882
    @shlomiyahbes4882 2 роки тому

    Thanks 😊 great video

  • @siddhantkumar9666
    @siddhantkumar9666 2 роки тому

    thank you but the edit button is not working for me

  • @cesmorf5398
    @cesmorf5398 3 роки тому +2

    Make more vid pls , i will buy all vid with this style ,thank you

    • @TechArefin
      @TechArefin  3 роки тому +1

      No problem, I will try to make this type of videos and it will be free of cost 😀 Thanks for the comment.

    • @TechArefin
      @TechArefin  3 роки тому +1

      New video ---> ua-cam.com/video/26kC8V97c4Q/v-deo.html
      What video should I do next? 🤔

  • @paulosreis51
    @paulosreis51 2 роки тому

    amazing, how would I create an authentication and each user have their collection of tasks?

  • @tienao8126
    @tienao8126 2 роки тому

    I have a question , what is const q = query(collection(db, "todos")); in this line , query what mean ?

    • @TechArefin
      @TechArefin  2 роки тому

      query is a function to fetch data from firebase

  • @SirajulBayan-Malayalam
    @SirajulBayan-Malayalam 2 роки тому

    Thanks bro ✌🏼
    Please do more videos in react 💕

  • @cerelizondo
    @cerelizondo 2 роки тому +1

    How can you put this within a landing page

    • @TechArefin
      @TechArefin  2 роки тому

      It's just a concept of how can we use firebase

  • @maxeezy5318
    @maxeezy5318 2 роки тому

    Thanks for video, u helped me a lot because i use a little bit different way for get data from firebase and its not working properly for me

  • @ene_andre
    @ene_andre 2 роки тому +1

    Very useful, thank u🙏,

  • @rajat-s-kale1771
    @rajat-s-kale1771 Рік тому +1

    You are awesome

  • @psychonoman2316
    @psychonoman2316 2 роки тому +2

    can i use this code?

  • @andresl.6107
    @andresl.6107 2 роки тому +1

    Hey! Great 👍🏻. How can a do a CRUD with firebase and Redux?

    • @TechArefin
      @TechArefin  2 роки тому +2

      First to fetch the data from firebase then you store it in Redux 😀
      Also you can search tutorials on it

  • @roktimkamalsenapoty5793
    @roktimkamalsenapoty5793 2 роки тому

    How to host it in firebase?

    • @TechArefin
      @TechArefin  2 роки тому +1

      You can host it on netlify instead of firebase. Because it's easier and free

  • @bevik12
    @bevik12 2 роки тому +2

    And here I'm struggling to do it with vanilla JS and Axios.🤨

    • @TechArefin
      @TechArefin  2 роки тому +1

      Actually, It will work with React js. I suggest you that you should try another tutorial which uses vanilla JS :)

    • @bevik12
      @bevik12 2 роки тому +1

      @@TechArefin I know. I just finished a course on vanilla JS and now doing this To-Do project then jump on a React course and will rewrite it with React.

  • @Lau-td9bc
    @Lau-td9bc 9 місяців тому

    has anyone integrated auth to this todo app? please helppppppp

  • @harshithvh8194
    @harshithvh8194 2 роки тому

    What does this state do?
    return () => unsubscribe ()

    • @TechArefin
      @TechArefin  2 роки тому

      It's possible that when one component loads, it can trigger many actions. The action will be subscribing until a response comes, which can lead to a huge bottleneck or memory leaks.
      So, its always advisable to unsubscribe an action as soon as the component gets unmounted.