Complete React CRUD Application with Firebase Real Time Database

In this video, we are going to build Complete React CRUD Application with the help of Firebase Real Time Database along with routing.

Please subscribe this channel if you like the content on this channel.

[codewithvishal]

Additional feature included like Searching, Sorting & Filterning using firebase query

[basilelhassan]

Thank you for the outstanding content on your channel. I hope that you keep making new projects and applying different concepts.

Please add Print table info + search table info for both crud firebase and crud redux-saga

[shyammistry]

Thank you very much, this was very helpful tutorial.

[sahildudani]

validation.ts:352 Uncaught Error: child failed: path argument was an invalid path = "dataa/[object Object]". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]" this bugg is showing me please help

[DEBO]

Any database logic, especially when makig queries should definitely be kept seperately on an api endpoint. All of this is accessible from the client which is a big security concern. I'd understand if you were using next js server actions as a hybrid approach but this is just bad practice overall. I do appreciate you for creating this tutorial and providing the logic and setup but maybe it would be a good idea to mention this in the tutorial that this is NOT acceptable in a production environment.

[altynbekkasymovchannel]

Thanks, bro. Very useful tutorial. 👍👍👍

[shokresistant]

Since the video is a little old, In react-router-dom v6, "Switch" is replaced by routes "Routes". You need to update the import from

import { Switch, Route } from "react-router-dom";

to

import { Routes, Route } from 'react-router-dom';

You also need to update the Route declaration from

<Route path="/" component={Home} />

to

<Route path='/welcome' element={<Home/>} />

[oscheka]

Hi,
Could someone help me with the toastify.error message as shown below. I need the notification to be displayed in red.

[AdityaPandey-ebwq]

Good but I don't think I prefer coffee... I am good with 10 rupees chai. 😃

[saskue]

I changed the imports to match v9, but I'm still getting this error, any ideas? is not a function

[imrankhan-bhzo]

child function of fireDb is not working help me with the solution

[mrwho]

how can i implement this using material-table ..idk how to set the firebase id

[khizarsyed]

Followed every step, but unable to read firebase real-time database, can anyone help ?

Getting error .child is not a function

[akashsumi]

hi bro page routing is not working well bro but in url it's changing on click edit button but i couldn't able to get tha form for update page please help me with this asap...

[thongahuhu]

You sooo good bro thank u so much<3

[rekhak]

Hi Vishal
Is there video on React with typescript.If not please add

[smiles]

Hello sir, if it is possible can you make a video of this that fits to the latest version? Thank you sir.

[mayankkahar]

How to get id where had you set in update and view page in app.js

[zeshanali]

superb bro but you should not force any one to buy you a cup of coffee

[aramabdulrahman]

best as always. Thanks but
wich one firestore db or realtime db for data table with send more request for searching data..