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

منذ 5 سنوات imadbelasri Reactjs
RS

فهاد الجزء الثامن عشر من دورة 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');
});
                                                        
                                                    

دروس ذات صلة

RS

دورة react js للمبتدئين الدرس الأول

فهاد الدرس الأول من دورة react js للمبتدئين غادي نشوفوا مقدمة على ES6 لي هي javascript 2016 ولي جابت...


RS

دورة react js للمبتدئين الدرس الثاني

فهاد الدرس الثاني من دورة react js غادي نكملوا هاد المقدمة على ES6 ولي بديناها بمجموعة من les foncti...


RS

دورة react js للمبتدئين الدرس الثالت

فهاد الدرس الثالت من دورة react js للمبتدئين غادي نكملو الدورة بالتطرق للمزيد من العناصر الجديدة ف E...


RS

دورة react js للمبتدئين الدرس الرابع

فهاد الدرس الرابع من دورة react js للمبتدئين غادي نبداو ف react فغادي نشوفوا كيفاش نزيدو أول projet...


RS

دورة react js للمبتدئين الدرس الخامس

فهاد الدرس الخامس من دورة react js غادي نشوفوا كيفاش نزيدو component آخر ومنبعد غادي نشوفوا كيفاش نع...


RS

دورة react js للمبتدئين الدرس السادس

فهاد الدرس السادس من دورة react js للمبتدئين غادي نكملوا الدورة ديالنا و نشوفوا كيفاش نرسلو معلومات...


RS

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

فهاد الدرس السابع من دورة react js للمبتدئين غادي نشوفوا كيفاش نزيدو مجموعة ديال الاخبار ف state ومن...


RS

دورة react js للمبتدئين الدرس العاشر

فهاد الدرس العاشر من دورة react js للمبتدئين غادي نشوفوا ل event onClick من بعد ماشفنا onChange فالد...


RS

دورة react js للمبتدئين الدرس الحادي عشر

فهاد الدرس الحادي عشر من دورة react js للمبتدئين غادي نشوفوا كيفاش نستعملوا axios باش نسترجعوا les a...


RS

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

فهاد الدرس الثاني عشر من دورة  react js للمبتدئين غادي نشوفوا حاجة مهمة ف react js هي routes لي كيمك...