Complete React Firebase CRUD Project | Firebase and Firestore With ReactJs Tutorial for Beginners
62 هزار بار بازدید -
3 سال پیش
-
In this video we will
In this video we will explore the React + Firebase (Firestore Database). We build a Library App to manage the availability of books in the Library.
We build a CRUD operations with React and Firebase to add new books, update the existing books and their availability, delete a book and at last reading all the of books available in the library.
Please use the timestamps mentioned below to jump to any topic and also checkout the reference videos and links.
⭐️GitHub link for Reference⭐️
https://github.com/dmalvia/React_Fire...
⭐️Reference Videos and Links⭐️
https://firebase.google.com/
https://react-bootstrap.github.io/
⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:25 - Application Demo
0:02:40 - Code Walkthrough
0:05:18 - Firebase Project Setup
0:09:05 - Firestore Database Setup
0:12:44 - CRUD Operation Service Layer
0:20:46 - Create Feature
0:29:37 - Read Feature
0:34:18 - Delete Feature
0:31:00 - Add Refresh List Feature
0:37:44 - Edit Feature
0:46:45 - App Testing
0:48:18 - Outro
**React Roadmap for Developers in 2021**
How to Learn React JS ? - React JS Roadmap for Developers | Rea...
React in One Project - Learn React JS with Project in 2 Hour...
React Redux Toolkit Tutorial - React Redux Toolkit with Project | Re...
Learn React Redux with Project - Learn React Redux with Project | Redu...
What is Redux ? - Understanding Redux Concept in 5 Minu...
Learn React Redux Thunk with Project - Learn React Redux Thunk with Project ...
Learn React Hooks - Learn React JS Hooks | React Hooks Tu...
🔗 Social Medias 🔗
Twitter: Twitter: IMDmalvia
Facebook: Facebook: programmingwithdipesh
Instagram: Instagram: dipeshmalvia
LinkedIn: LinkedIn: dmalvia
⭐️ Tags ⭐️
- React Firebase CRUD Tutorial
- React Firestore CRUD Application
- Firebase React Library Application
- Firebase v9 Crash Course
⭐️ Hashtags ⭐️
#react #firebase #project #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
We build a CRUD operations with React and Firebase to add new books, update the existing books and their availability, delete a book and at last reading all the of books available in the library.
Please use the timestamps mentioned below to jump to any topic and also checkout the reference videos and links.
⭐️GitHub link for Reference⭐️
https://github.com/dmalvia/React_Fire...
⭐️Reference Videos and Links⭐️
https://firebase.google.com/
https://react-bootstrap.github.io/
⭐️ Support my channel⭐️
https://www.buymeacoffee.com/dipeshma...
🔥 Video contents... ENJOY 👇
0:00:00 - Intro
0:00:25 - Application Demo
0:02:40 - Code Walkthrough
0:05:18 - Firebase Project Setup
0:09:05 - Firestore Database Setup
0:12:44 - CRUD Operation Service Layer
0:20:46 - Create Feature
0:29:37 - Read Feature
0:34:18 - Delete Feature
0:31:00 - Add Refresh List Feature
0:37:44 - Edit Feature
0:46:45 - App Testing
0:48:18 - Outro
**React Roadmap for Developers in 2021**
How to Learn React JS ? - React JS Roadmap for Developers | Rea...
React in One Project - Learn React JS with Project in 2 Hour...
React Redux Toolkit Tutorial - React Redux Toolkit with Project | Re...
Learn React Redux with Project - Learn React Redux with Project | Redu...
What is Redux ? - Understanding Redux Concept in 5 Minu...
Learn React Redux Thunk with Project - Learn React Redux Thunk with Project ...
Learn React Hooks - Learn React JS Hooks | React Hooks Tu...
🔗 Social Medias 🔗
Twitter: Twitter: IMDmalvia
Facebook: Facebook: programmingwithdipesh
Instagram: Instagram: dipeshmalvia
LinkedIn: LinkedIn: dmalvia
⭐️ Tags ⭐️
- React Firebase CRUD Tutorial
- React Firestore CRUD Application
- Firebase React Library Application
- Firebase v9 Crash Course
⭐️ Hashtags ⭐️
#react #firebase #project #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
3 سال پیش
در تاریخ 1400/10/30 منتشر شده
است.
62,038
بـار بازدید شده