Today i found out : for async of

While using GitHub's rest API i found out that fetching the user's followers doesn't return if you follow the user and you have to make a separate request for that .

So far so good, so i added a forEach loop that awaits for the second request then inserts whether the user is following me

javascript

1export const getUserWithFollowingDetails=async(token:string,url:string,username:string)=>{
2 let followers:any=[]
3const users = await getAuthedUserFollowers(token,url)
4users.forEach((user)=>{
5user.following_me = await getIsUserFollowingMe(token,username,user.login)
6}).catch((e)=>{})
7followers.push(user)
8  })
9  return followers
10}

The code worked , but it had weird outcomes. The code eventually looked the way i expected but it would be too late for react to notice it and re-render so the data being output was not matching the values being console logged , after some googling I came upon . for async.. of which is a way of looping over items and do await while async actions happen to the array objects.

javascript

1export const getUserWithFollowingDetails=async(token:string,url:string,username:string)=>{
2        let followers:any=[]
3         const users = await getAuthedUserFollowers(token,url)
4         for await (const user of users){
5         //@ts-ignore
6user.following_me = await getIsUserFollowingMe(token,username,user.login)
7         .catch((e)=>{})
8         followers.push(user)
9         }
10         return followers
11        }
12

good explanation

The code i was working on

Live preview

Today i found out : for async of

Setting up vector search for github starred repos

Live activity bus (Elysia SSE + pub/sub powered by nodejs event emitter)

Queues and workflows with conveyor

Today i found out : for async of

Setting up vector search for github starred repos

Live activity bus (Elysia SSE + pub/sub powered by nodejs event emitter)

Queues and workflows with conveyor

More posts

Setting up vector search for github starred repos

Live activity bus (Elysia SSE + pub/sub powered by nodejs event emitter)

Queues and workflows with conveyor

More posts

Setting up vector search for github starred repos

Live activity bus (Elysia SSE + pub/sub powered by nodejs event emitter)

Queues and workflows with conveyor