Exploring how to showcase user data using only the unique identifier within the friendships node on Firebase

Trying to figure out the best way to showcase a user's friend list using this database structure:

friendships:
 user1
    - user3: true
    - user4: true
 user2
    - user1: true 
    - user5: true

I'm wondering how to display the users data from their specific "userX" node based on their unique uid (which serves as the key in this example).

For user1, I want to show a list of friends including user3 and user4, along with their username and profilePic. Finding an efficient solution is challenging, as downloading the entire "users" node and matching uids for each user would lead to unnecessary downloads and expenses.

Any suggestions or ideas are greatly appreciated!

javascriptfirebasereact-native

Answer №1

To efficiently manage user data, a separate table for users is essential.

users:
  user1:
    username: bob
    email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c24241c2525723f3331">[email protected]</a>
    etc.
  user2:
    username: jane
    email <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f99bb998d79a9694">[email protected]</a>

By querying the users object using the uid as reference, you can effectively retrieve specific user data:

firebase.database().ref('/users').child('user1').once("value", snapshot => {
    let userData = snapshot.val();
    let username = userData.username;
}

This approach allows you to only fetch necessary data for each friend individually, optimizing data retrieval process.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error occurs while running NPM script

My current task involves updating the dependencies of a React application. One of the key scripts in this app is defined in the package.json file, which is responsible for generating a message bundle for each locale. "scripts": { "build:langs": "NODE_EN ...

javascriptreactjsnpmbabeljsnpm-scripts

Should the secret for express-session be a fixed value or should it change dynamically?

I'm uncertain whether the secret for this application should remain static or if it can be dynamic. Currently, I am setting the secret as follows: var salt1 = bcrypt.genSaltSync(); var salt2 = bcrypt.genSaltSync(); var secret = bcrypt.hashSync(salt1 ...

javascriptnode.jsexpresssessionsession-cookies

What is the best way to eliminate an Injected Script from my system?

I have added a script to my GWT Application using ScriptInjector ScriptInjector.fromUrl("js/jquery-1.7.2.min.js").setWindow(ScriptInjector.TOP_WINDOW).setCallback(new Callback<Void, Exception>() { @Override public ...

javascriptgwt

The determination of the volume value was impossible using only the values from the object nested within an array

I am currently developing a react app that includes a button labeled Add to create a new calculation. Each calculation consists of two input fields for thickness and surface, as well as an output field for Volume. There is also a button labelled "X" to rem ...

javascriptarraysreactjsobjectreact-hooks

What is the best way to enhance an object using a class in ES6?

In an effort to improve the clarity of my ES6 class definition, my current code looks like this: class SomeClass { constructor({a, b, c, d, e}) { this.a = a; this.b = b; this.c = c; this.d = d; this.e = e; // additional code here ...

javascriptecmascript-6

Unable to divide the JavaScript AJAX outcome into separate parts

Working with JavaScript, I have received the following object from an Ajax response: {"readyState":4,"responseText":"\r\nsuccess","status":200,"statusText":"OK"} Within my code block, I am attempting to extract the responseText from this object ...

javascriptjqueryajax

Can you guide me on utilizing filter in an Apps Script array to retrieve solely the row containing a particular user ID within the cell?

I am using an Apps Script that retrieves data from four different columns in a spreadsheet. However, it currently fetches all the rows instead of just the row that matches the randomly generated 8-digit user ID. function doGet(req) { var doc = Spreadshe ...

javascriptarraysjsongoogle-apps-scriptgoogle-sheets

Tips on effortlessly updating the URL of your website

Despite seeing the question asked multiple times, I still find myself struggling to understand how to modify a URL or create a new HTML page that seamlessly integrates into a website without redirecting users. I am curious about achieving the functionalit ...

javascripthtmlcssangularjs

Selecting a webpage from a dropdown list to display its specific content within an iframe

I have a dropdown menu similar to this: <form name="change"> <SELECT NAME="options" ONCHANGE="document.getElementById('frame1').src = this.options[this.selectedIndex].value"> <option value="">Choose</option> <opti ...

javascripthtmliframedropdowngetelementbyid

Use the knockout textInput plugin in combination with the maskedinput plugin

Is there a simple way to use data-bind="textInput: aProperty" and apply an input mask or automatic formatting while the user is typing? Although using the masked input plugin somewhat works, it results in losing the real-time updates that Knockout's ...

javascriptjqueryknockout.jsmaskedinput

Window Function Implementation in AngularJS Controller

I’m encountering an issue with my AngularJS App involving a window function. Specifically, the problem lies with a window resize function. The function (someFunction()) in the controller is being triggered on every page when it should only be used with ...

javascriptjqueryangularjs

Saving the state of checkboxes in Angular Material

I am trying to figure out a solution for storing checkbox values, specifically whether they have been checked before or not. For example, I have this dialog: https://i.sstatic.net/c16Ju.jpg After clicking on a checkbox and then clicking Save, the checkbox ...

javascriptangularangular-material

What is the best method to determine when 20% of a "<section>" element is within the user's view?

Looking at the layout, I have two sections that take up the entire page. My goal is to detect when the second section is 20% visible while scrolling, and then smoothly scroll to lock that section in place so it occupies the full space. This action should a ...

javascripthtmlcss

Rotating 3D cube with CSS, adjusting height during transition

I'm attempting to create a basic 2-sided cube rotation. Following the rotation, my goal is to click on one of the sides and have its height increase. However, I've run into an issue where the transition occurs from the middle instead of from the ...

javascriptjquerycss

Filtering out strings of a certain length from an array in JavaScript

Currently working on creating a Wordle game using React. To do this, I require a list of strings. To obtain this list, I am fetching an array of strings from the following API: The challenge lies in the fact that I am interested only in words with a lengt ...

javascriptreactjs

Utilizing the super method within a sails.js controller

Is there a way to call the default parent method of a redefined standard method in a controller created in sails.js? module.exports = { create: function(req, res) { //test some parameters if (condition) { //call regul ...

javascriptnode.jsinheritancesails.js

Utilizing Ajax to dynamically display the outcome of selecting a radio button

I am currently working on a script that aims to utilize Ajax in order to post the result of a radio button click. My progress so far includes: <label> <input type="radio" name="DisableAd" value="0" id="RadioGroup1_0" /> Radio </lab ...

javascriptjqueryajax

Condition-based React state counter starts updating

In my current project, I have developed the following React component: import React from "react"; import ReactDOM from "react-dom"; import { WidthProvider, Responsive } from "react-grid-layout"; import _ from "lodash"; const ResponsiveReactGridLayout = Wi ...

javascriptreactjs

jQuery draggable elements can be easily dropped onto droppable areas and sorted

I need help with arranging the words in the bottom tiles by sorting them from "Most Like Me" to "Least Like Me" droppable areas. Currently, I am able to drag and drop the words into different boxes, but it ends up stacking two draggable items on top of eac ...

javascriptjqueryjquery-uidrag-and-dropjquery-ui-droppable

What is the correct way to establish an array variable containing objects?

What is the correct way to declare an object within an array variable? I encountered the following error message: "TypeError: Cannot set property 'name' of undefined" Here is the code snippet in question: let data = [] data[0].name = "john" ...

javascript