دورة REACT JS للمبتدئين الدرس الثامن عشر


فهاد الجزء الثامن عشر من دورة react js للمبتدئين غادي نكملو الدورة ديالنا فغادي نشوفوا كيفاش نزيدو les données ف firebase منبعد نديروعليهم تعديلات ومنبعد غادي نشوفوا كيفاش نمسحوهم.


1- إضافة المعلومات فقاعدة البيانات firebase

فكيف شفنا فالجزء السابق زدنا معلومات بطريقة بسيطة لكن فهاد الجزء غادي نشوفوا كيفاش نزيدوهم بطريقة مغايرة فالمعلومات كتخزن ف firebase على شكل json objects.

فيلا بغيت نزيدها بهاد الطريقة ف ref كنحدد إسم ل objet فهنا عطيناه اسم car وداخل set كنعطي القيم لي غادي ياخد.
فاش كندير تحديث للمتصفح كنحصل على هاد النتيجة :


فالكود لي زدنا ف firebase.js هو : 

                                //
firebase.database().ref('car').set({
    name : 'nissan',
    model : 2019
}).then(() => {
    console.log('added');
});
                            

2- تعديل المعلومات فقاعدة البيانات firebase

فيلا بغيت ندير تعديل على المعلومات لي دخلت قبل فكيكفي باش نغير ل méthode من set ل update ونحصل على هاد النتيجة :




فالكود لي زدنا ف firebase.js هو :

                                //
//update data
firebase.database().ref('car').update({
    name : 'dacia',
    model : 2008
}).then(() => {
    console.log('updated')
});
                            

3- حذف المعلومات من قاعدة البيانات firebase

فيلا بغيت نمسح  المعلومات لي دخلت قبل فكيكفي باش نغير ل méthode من update ل remove ونحصل على هاد النتيجة :

فالكود لي زدنا ف firebase.js هو :

                                //remove data 

firebase.database().ref('car').remove().then(()=>{
    console.log('removed');
});