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


فهاد الدرس العشرون من دورة react js للمبتدئين غادي نشوفوا آخر جزء من firebase قبل المرور ل application ديالنا فغادي نشوفوا كيفاش نديرو بحث فقاعدة البيانات ديالنا وايضا كيفاش نسترجع القيم مرتبين حسب واحد الشرط وايضا كيفاش نسترجع أول قيمة من القيم الموجودة داخل ل collection.


1- استرجاع القيم مرتبة بالإسم ف firebase

فباش نسترجع المستخدمين مرتبين بالإسم كنخدم بل méthode orderByChild لي كتاخد name منبعد كنسترجع القيم وكنخزنهم ف array سميتها users ولي كتاخد ل id ديال المستخدم بالإضافة للقيم الأخرى.

فيلا مشيتي ل console غادي تلقى هاد النتيجة :





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

                                //
firebase.database().ref('users').orderByChild('name').once('value')
.then((snapshot) => {
    const users = [];
    snapshot.forEach((childSnapshot) => {
        users.push({
            id : childSnapshot.key,
            ...childSnapshot.val()
        });
    });
    console.log(users);
});
                            

2- استرجاع أول مستخدم من collection ف firebase

فباش نسترجع المستخدم الأول كنخدم بل méthode limitToFirst لي كتاخد  1 لي كتعني كنسترجع واحد منبعد كنسترجع القيم وكنخزنهم ف array سميتها users ولي كتاخد ل id ديال المستخدم بالإضافة للقيم الأخرى.

فيلا مشيتي ل console غادي تلقى هاد النتيجة :




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

                                //
firebase.database().ref('users').limitToFirst(1).once('value')
.then((snapshot) => {
    const users = [];
    snapshot.forEach((childSnapshot) => {
        users.push({
            id : childSnapshot.key,
            ...childSnapshot.val()
        });
    });
    console.log(users);
});
                            

3- البحث عن مستخدم باستعمال الإسم ف firebase

فباش نسترجع المستخدم لي للإسم ديالو كيساوي amine كنخدم بل méthode equalTo لي كتاخد القيمة لي كنبحث عليها لي هي amine كنسترجع القيم وكنخزنهم ف array سميتها users ولي كتاخد ل id ديال المستخدم بالإضافة للقيم الأخرى.

فيلا مشيتي ل console غادي تلقى هاد النتيجة :




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

                                //
firebase.database().ref('users').orderByChild('lastname').equalTo('amine').once('value')
.then((snapshot) => {
    const users = [];
    snapshot.forEach((childSnapshot) => {
        users.push({
            id : childSnapshot.key,
            ...childSnapshot.val()
        });
    });
    console.log(users);
});