Build React App using Firebase | Feature Include CRUD, Searching, Sorting & Filtering Operation

Hello Everyone, in this video we are going to build React Application using Firebase in which we are going to perform an operation like Create, Read, Update, Delete, Searching, Sorting & Filtering in our React application with the help of Firebase Realtime Database. Also we have pure CSS in this entire video.

import firebase from "firebase/compat/app";
import "firebase/compat/database";

Please subscribe this channel to get more awesome video on react

[codewithvishal]

If you are using firebase v9 then use below import statement in firbase.js file

import firebase from "firebase/compat/app";
import "firebase/compat/database";

[tanayraikuwar]

I am searching for It and hopefully, I found your channel. Thanks for your awesome video brother, it helps me a

[roberturizar]

Thank you, it worked perfectly for me
Keep up the good work

[sidalib_dev]

hi bro, i have a problem at 37:47, when i submit the data isnt stored, can you help me pls ?

[selvasundari]

😀So useful for beginners.... Thank u so much sir ur explanation is very clear ... 😀

[yashbharadva]

At 1:24:06 why you are use child("contacts") for search
and also one thing i try with this code everything is fine but when i enter some text and hit enter it shows all the data.

[Capybara_Player_]

Thank you for sharing, how do you instant close tags in the code like you did in 16:50 adding <ToastContainer position />

[azebutuae]

Congratulations on the video about CRUD with Firebase RealTime! It helped me a lot in my studies.

A question, how can I make a list already filtered by status, without having to click a button?

thank you!

[bileldallagiTech]

Hello, please if i have data intred with application mobile
(android studio =front :xml / java /data storage: firebase)
I can use this methode to retrive data and make change with it ?

[Emilia-xwto]

HI, it would be nice to have same tutorial, but with typescript :)

[towndev]

hi Vishal, could you please tell me how can I display the table (users) with random generated " id " in the table ?

[jonnysarlabiste]

Hello sir, question can I add image and how to put it?

[bojantanasic]

For anyone watching this as of April 2022 . React no longer uses Switches but Routes... For me useEffect is not working? Every react release there are drastic changes.

[melihsunal]

I have in the console: fireDb.database is not a function

What should I do?

[bornclasher]

Bro what is this any user can delete or update the other the other data. Please use admin pannel or user permissions. Anyways nice project

[chrollo]

can you create a function for searching by single letter only? like for example I search "e" and all the data that start with the letter "e" will output.

[anonymoussaif]

49.05
If we want only name from database how to grab that name can you plzz tell me

[vishvajeetnimbalkar]

mere add contact and about main kuch dikhta hi nhi hain..plz help me

[ranjitbawa]

Hello bro I have one issue can you resolve

[CBelloxxi]

Hey man, loving the project, it's all been working for me up until when I put input into the AddEdit page, and click save I keep getting this error "Uncaught TypeError: is not a function" which is to do with line 36 of the AddEdit.js file, I've been trying to fix it, but not with much luck, is there any way you can help, thanks!