create account

Integration of Steemit More Info features #7 : Followers Table by stoodkev

View this thread on: hive.blogpeakd.comecency.com
· @stoodkev · (edited)
$67.31
Integration of Steemit More Info features #7 : Followers Table
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820248/sg6abhlbh9cjfcijvci7.png)

Today, we've finished the integration of one of the most useful features from Steemit More Info, the followers table. It transforms the basic Steemit follower page into a powerful tool that allows you to sort your followers and followees as you see fit.

Read on to see what these features do, the bonus feature I've included, what were the challenges to be overcome and what future feature it inspired me to code.


### New Features
- Upon click to either of the Followers of Following page, or reloading one of those, SteemPlus will load the user's list of Followers/Followees and call the blockchain to get their reputation, SteemPower and upvote worth

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820685/jwpt6kbwhzbi1g5gto3k.png)

- Pagination can be changed
- There is a searchbar to look directly for a user 

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820767/dkmcdn5rod9nb4rnre0s.png)

It is a very powerful tool that allows you to get more details on followers.
I ve added a new column `Action` that will only trigger when you are on your OWN account's follower/following page and that will add a Follow/Unfollow button , convenient to follow your followers, or unfollow your followees, for example based on their reputation.

![fol.gif](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519821017/fgc3tuj0snowuu1wapdh.gif)

In this example, I can see that @klye is following me, and I do know that he's creating good content, so why the hell am I not following him? ^^Just a click and it's done (otherwise I would have had to open a new tab to follow him).

### Challenges

It was one of the most challenging features from SMI to implement so far and it took us several days to figure it out, for these reasons: 
- I didn't like the way the list of followers was scrapped from the React DOM, so I decided to call the blockchain instead.
- SteemJs can only return batches of 100 followers so we had to loop the whole thing
- It takes time to iterate this way, it is okay for a few thousands of followers/followees but no more. Trying on @aggroed account it took nearly 30 seconds to complete. For this reason, I will implement in the future a fastest way (but not real time) using the data stored in SteemData. Users will be able to switch between accurated data or fast data.

## Coming soon

- All Steemit More Info features will be fixed an included in here.
- Next one will be the detailed Following/Followers Panel (+ Integration with SteemConnect for fast unfollow)
- Let me know what you want to see next
- These will be available in the Chrome Store only when all features are ready

[Commits](https://github.com/stoodkev/SteemPlus/commits/master), starting with `Added followers/followed datatables`and all following ones 

Hope this helps!

@stoodkev and @cedricguillas for @steem-plus

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@stoodkev/integration-of-steemit-more-info-features-7-followers-table">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 125 others
properties (23)
authorstoodkev
permlinkintegration-of-steemit-more-info-features-7-followers-table
categoryutopian-io
json_metadata{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":105204650,"name":"SteemPlus","full_name":"stoodkev/SteemPlus","html_url":"https://github.com/stoodkev/SteemPlus","fork":false,"owner":{"login":"stoodkev"}},"pullRequests":[],"platform":"github","type":"development","tags":["utopian-io","steemdev","dev","opensource","news"],"users":["klye","aggroed","stoodkev","cedricguillas","steem-plus"],"links":["https://github.com/stoodkev/SteemPlus/commits/master","https://utopian.io/utopian-io/@stoodkev/integration-of-steemit-more-info-features-7-followers-table"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820248/sg6abhlbh9cjfcijvci7.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820685/jwpt6kbwhzbi1g5gto3k.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1519820767/dkmcdn5rod9nb4rnre0s.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1519821017/fgc3tuj0snowuu1wapdh.gif"],"moderator":{"account":"ms10398","time":"2018-03-01T11:02:28.727Z","reviewed":true,"pending":false,"flagged":false},"questions":[],"score":0}
created2018-02-28 12:35:00
last_update2018-03-01 11:02:27
depth0
children14
last_payout2018-03-07 12:35:00
cashout_time1969-12-31 23:59:59
total_payout_value48.950 HBD
curator_payout_value18.362 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length3,155
author_reputation190,232,841,750,255
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries
0.
accountutopian.pay
weight2,500
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,115,742
net_rshares14,858,064,496,336
author_curate_reward""
vote details (189)
@azwi03 ·
Informasion a good to me
properties (22)
authorazwi03
permlinkre-stoodkev-201831t161130999z
categoryutopian-io
json_metadata{"tags":["utopian-io","steemdev","dev","opensource","news"],"app":"esteem/1.5.1","format":"markdown+html","community":"esteem"}
created2018-03-01 09:11:36
last_update2018-03-01 09:11:36
depth1
children0
last_payout2018-03-08 09:11:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length24
author_reputation169,030,810,229
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries
0.
accountesteemapp
weight1,000
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,334,534
net_rshares0
@digitokash ·
Thanks for the update.

Are these updates Live now?? Or coming soon?

I don't see these options on my computer.
👍  
properties (23)
authordigitokash
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t133553523z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-02-28 13:35:54
last_update2018-02-28 13:35:54
depth1
children2
last_payout2018-03-07 13:35:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length111
author_reputation5,969,976,673,106
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,127,660
net_rshares2,477,394,520
author_curate_reward""
vote details (1)
@stoodkev ·
$0.05
I will release all of the features coming from the Steemit More Info extension at the same time, probably next week
👍  
properties (23)
authorstoodkev
permlinkre-digitokash-re-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t133751654z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-02-28 13:38:06
last_update2018-02-28 13:38:06
depth2
children1
last_payout2018-03-07 13:38:06
cashout_time1969-12-31 23:59:59
total_payout_value0.043 HBD
curator_payout_value0.010 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length115
author_reputation190,232,841,750,255
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,128,035
net_rshares10,055,307,172
author_curate_reward""
vote details (1)
@digitokash ·
Thanks!
properties (22)
authordigitokash
permlinkre-stoodkev-re-digitokash-re-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t140805045z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"busy","app":"busy/2.4.0"}
created2018-02-28 14:08:09
last_update2018-02-28 14:08:09
depth3
children0
last_payout2018-03-07 14:08:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7
author_reputation5,969,976,673,106
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,134,266
net_rshares0
@harpagon ·
$0.69
nice feature!
You can actually pull up 1000 followers in one call using steemjs, that's what I use in my extension and it's working ;)
```steem.api.getFollowers(username, lastFollower, 'blog', 1000, cb)```

[I opened a suggestion on Utopian ;)](https://utopian.io/utopian-io/@harpagon/retrieve-1000-followers-at-a-time-to-speed-up-the-followers-table-feature)
👍  
properties (23)
authorharpagon
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t193523237z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"busy","app":"busy/2.4.0"}
created2018-02-28 19:35:24
last_update2018-02-28 19:35:24
depth1
children3
last_payout2018-03-07 19:35:24
cashout_time1969-12-31 23:59:59
total_payout_value0.688 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length359
author_reputation20,287,642,226,146
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,202,774
net_rshares165,793,239,785
author_curate_reward""
vote details (1)
@stoodkev ·
Tks a lot! That is so weird, I ve tried with several hundreds and it was not working, but now it's working for 1000. Even weirder, it seems not to be working with `getFollowing`
properties (22)
authorstoodkev
permlinkre-harpagon-re-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180301t064031758z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-03-01 06:40:33
last_update2018-03-01 06:40:33
depth2
children2
last_payout2018-03-08 06:40:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length177
author_reputation190,232,841,750,255
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,308,790
net_rshares0
@harpagon ·
getFollowing should be working the same, if you look at the [steem api source code](https://github.com/steemit/steem/blob/1cfdf8101ec415156b155c9ec90b0a4d439a039f/libraries/plugins/apis/follow_api/follow_api.cpp#L65), you can see that the limit is set to 1000 as well, so theoretically it should work, now I haven't tried this method as I don't need it...
properties (22)
authorharpagon
permlinkre-stoodkev-re-harpagon-re-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180301t153629383z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"busy","app":"busy/2.4.0"}
created2018-03-01 15:36:30
last_update2018-03-01 15:36:30
depth3
children1
last_payout2018-03-08 15:36:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length355
author_reputation20,287,642,226,146
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,409,645
net_rshares0
@ms10398 ·
Thank you for the contribution. It has been approved.

You can contact us on [Discord](https://discord.gg/uTyJkNm).

**[[utopian-moderator]](https://utopian.io/moderators)**
properties (22)
authorms10398
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180301t110251525z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-03-01 11:02:54
last_update2018-03-01 11:02:54
depth1
children0
last_payout2018-03-08 11:02:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length173
author_reputation27,572,487,973,390
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,354,106
net_rshares0
@quochuy ·
You should add a MUTE button in the action column
properties (22)
authorquochuy
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180320t105942277z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-03-20 10:59:42
last_update2018-03-20 10:59:42
depth1
children0
last_payout2018-03-27 10:59:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length49
author_reputation758,372,221,814,367
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id45,523,365
net_rshares0
@roykie17 ·
great.. keep it up ☝
properties (22)
authorroykie17
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t125815203z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-02-28 12:58:18
last_update2018-02-28 12:58:18
depth1
children0
last_payout2018-03-07 12:58:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length20
author_reputation4,904,742,572,921
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,120,317
net_rshares0
@utopian-1up ·
<div class="pull-left">

![1UP-Kayrex_tiny.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515383984/ekyf2thxg7j2t0qro1h3.png)

</div>

<div class="text-justify">


### You've got upvoted by <code>Utopian-1UP</code>!
You can give up to ten [1UP](https://steemit.com/utopian-io/@steem-plus/steemplus-2-4-utopian-1up-is-here)'s to Utopian posts every day after they are accepted by a Utopian moderator and before they are upvoted by the official @utopian-io account. Install the @steem-plus browser extension to use 1UP. By following the 1UP-trail using [SteemAuto](https://steemauto.com/) you support great Utopian authors and earn high curation rewards at the same time. 

<hr>

1UP is neither organized nor endorsed by Utopian.io!

</div>
properties (22)
authorutopian-1up
permlink20180301t151327446z
categoryutopian-io
json_metadata{"app":"1up"}
created2018-03-01 15:13:27
last_update2018-03-01 15:13:27
depth1
children0
last_payout2018-03-08 15:13:27
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length764
author_reputation2,324,758,056,093
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,404,867
net_rshares0
@utopian-io ·
### Hey @stoodkev I am @utopian-io. I have just upvoted you!
#### Achievements
- WOW WOW WOW People loved what you did here. GREAT JOB!
- Seems like you contribute quite often. AMAZING!
#### Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER!
- <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a>
- <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a>
- Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a>

[![mooncryption-utopian-witness-gif](https://steemitimages.com/DQmYPUuQRptAqNBCQRwQjKWAqWU3zJkL3RXVUtEKVury8up/mooncryption-s-utopian-io-witness-gif.gif)](https://steemit.com/~witnesses)

**Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**
properties (22)
authorutopian-io
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180302t021103685z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"}
created2018-03-02 02:11:03
last_update2018-03-02 02:11:03
depth1
children0
last_payout2018-03-09 02:11:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,063
author_reputation152,955,367,999,756
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,521,929
net_rshares0
@wa2qr ·
$0.48
That's great, that's really wonderful. You have integrated the features for the following/followers table and that is awesome as a steemians point of view. Now it will be easier to view not only the steem power but also the upvote worth. And not only that your have introduced a n action option that will help you know which ones of your followers are following you back and which ones are not.
This is intriguing and seriously I think it's one of the best modifications of steemit. Thank you. Cheers
👍  
properties (23)
authorwa2qr
permlinkre-stoodkev-integration-of-steemit-more-info-features-7-followers-table-20180228t125541975z
categoryutopian-io
json_metadata{"tags":["utopian-io"],"app":"steemit/0.1"}
created2018-02-28 12:55:45
last_update2018-02-28 12:55:45
depth1
children0
last_payout2018-03-07 12:55:45
cashout_time1969-12-31 23:59:59
total_payout_value0.364 HBD
curator_payout_value0.119 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length500
author_reputation5,169,025,670,211
root_title"Integration of Steemit More Info features #7 : Followers Table"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id41,119,839
net_rshares86,232,903,259
author_curate_reward""
vote details (1)