React.js with firebase Firestore [database] - React Level3

Name: React.js with firebase Firestore [database] - React Level3
Rating: 4.9 (20 reviews)

Learn How to Use Firebase Firestore in a React App

Highest Rated

Created byAli Hassan Ali Hassan Elrayes

Last updated 1/2024

Arabic

What you'll learn

Using Cloud Firestore For Your REACT Backend
React With Firebase/Firestore | CRUD and Queries
Project setup - Firestore setup
Adding data
Delete data
Edit data

Course content

1 section • 49 lectures • 10h 13m total length

Introduction6:33
#2 تنظيم ملفات المشروع15:54
#2.1 Design Home page37:43
#2.2 Design edit-task page41:17
#2.3 Task2:21
#3 Redesign modal17:05
#3.1 Task solution12:17
#4 What is children elements9:36
#4.1 فيديو مهم جداً4:16
#4.2 Modal animation6:03
#5 Rendering an array of data18:32
#5.1 Task solution22:12
#6 Add data to Firestore13:17
#6.1 Task solution19:57
#7 ترويق المشروع24:54
#8 تقسيم المشروع الى أجزاء16:26
#9 Add only new item into array15:06
#10 Get data From Firestore19:04
#10.1 Task Solution13:20
#10.2 Task Solution3:54
#11 تنظيم ملفات المشروع24:17
#11.1 Get the userId param from the URL8:23
#12 Get only one document from firestore15:23
#12.1 Checkbox8:31
#13 Update data in Firestore10:15
#13.1 Task Solution7:48
#14 Update an existing array Add and Remove22:25
#14.1 CSS Animation5:03
#15 Delete a document from Firestore12:00
#15.1 navigate3:13
#15.2 Delete specific fields from a document5:01
#16 React useRef Hook8:58
#17 Task Solution11:11
#17.1 Task Solution4:30
#17.2 Task Solution4:01
#17.3 Task Solution5:10
#18 Order and limit data8:42
#18.1 Task Solution9:57
#18.2 Task Solution3:59
#19 Get specific documents8:43
#19.1 Task solution14:08
#19.2 Task solution6:10
#20 Design dropdown menu for languages25:37
#20.1 Add Multiple Languages in React Apps25:39
#20.2 Task solution7:53
#21 مكتبة أكواد خاصة بك8:56
#22 قبل رفع الموقع11:58
#22.1 Deploy React App on Firebase Hosting3:35
#23 نصائح2:39

Requirements

React Basics

Description

In this course, we will learn how to use Firebase V9 and React to perform CRUD operations by creating a real-world project.
I will teach you how to Add data to Firestore, Get data From Firestore as an array, Update data in Firestore, and Delete data from Firestore
you will learn how to create a multi-language website with the React JS framework Step-by-Step.
I will teach you how to build a CRUD App with React js framework and Firebase and Setting up Firebase and Installing dependencies to connect to Firebase from our React app
we will build a task manager website in React with Firebase i teach you how to create a real world project wich already exists in big companies
يجب ان تعلم ان ها الكورس هو كورس تفاعلى بمعنى اننى سوف اطلب فى مُنتصف الفيديو ان تقوم بتكملة الكود بنفسك قبل ان اقوم بعمل الأكواد
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية
سوف يتم التركيز فى هذا الكورس على انشاء المشاريع الموجودة فى سوق العمل
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية

Who this course is for:

Javascript developers
React developers
front-end developers
full-stack developers