R
Reactiflux

🎃 Spookyberb 🎃 – 09-02 Nov 24

🎃 Spookyberb 🎃 – 09-02 Nov 24

S⛄Snowberb⛄
View on Discord
11/24/2022
I need some help with the performance of a filter I made. It's taking 1.3s on updating a list of items. How could I improve this code to? I really have no idea. 
useEffect(() => {
    const newAccounts = Object.values(accountGroups).map((ownershipType) =>
      ownershipType.map((group) => ({
        ...group,
        accounts: group.accounts.map((account) => {
          const isChecked = !!selectedFavoriteFilter.value;

          return { ...account, expanded: [{ selected: isChecked && account.isFavorite }] };
        }),
      })),
    );
    const filteredFavoriteAccountGroups = {
      single: newAccounts[0],
      shared: newAccounts[1],
      tutor: newAccounts[2],
      proxy: newAccounts[3],
    };

    setAccountGroups(filteredFavoriteAccountGroups);
  }, [selectedFavoriteFilter]);
useEffect(() => {
    const newAccounts = Object.values(accountGroups).map((ownershipType) =>
      ownershipType.map((group) => ({
        ...group,
        accounts: group.accounts.map((account) => {
          const isChecked = !!selectedFavoriteFilter.value;

          return { ...account, expanded: [{ selected: isChecked && account.isFavorite }] };
        }),
      })),
    );
    const filteredFavoriteAccountGroups = {
      single: newAccounts[0],
      shared: newAccounts[1],
      tutor: newAccounts[2],
      proxy: newAccounts[3],
    };

    setAccountGroups(filteredFavoriteAccountGroups);
  }, [selectedFavoriteFilter]);
I'm doing 3 loops to get to a deeply nested prop I have to add to each object in the list...
UUUnknown User
View on Discord
11/25/2022
2 Messages Not Public
Sign In & Join Server To View

Looking for more? Join the community!

R
Reactiflux

🎃 Spookyberb 🎃 – 09-02 Nov 24

Join Server
Want results from more Discord servers?
Add your server
Recommended Posts
Alex. – 06-55 Nov 24is `electron-store` npm package safe to use for storing tokens of auth or csrf in electron app?_mercury – 01-38 Nov 24I want to create a new input with new incremental class by jquery ```js $(document).ready(function (dmikester1 – 18-12 Nov 23I have this function in my React app that makes an api call that does some work that might take some🎃 Spookyberb 🎃 – 13-03 Nov 23Will this piece of code crash the app if it doesnt find anything? ```js const { fullName } = clientUnit testing resources to a beginner in reactThis has really been a knowledge gap I never gave attention to. I hope I can get recommendations to 🎃 Spookyberb 🎃 – 11-01 Nov 21`.some(x => !x)` is exactly the same as `.some(x => x === null)` right?