Sagar Kothari avatar

๐Ÿš€ Hive React Kit Update โ€” A Buzzing UI Upgrade for the Hive Community ๐Ÿ

sagarkothari88

Published: 16 Oct 2025 โ€บ Updated: 16 Oct 2025๐Ÿš€ Hive React Kit Update โ€” A Buzzing UI Upgrade for the Hive Community ๐Ÿ

๐Ÿš€ Hive React Kit Update โ€” A Buzzing UI Upgrade for the Hive Community ๐Ÿ

Hello Hive Community Members,

In my last 2 last post, we talked about hive-react-kit package that we are building.
In last post we talked more about components we delivered.

In this post, today, we talk more on that. My team & I are actively building these components so that devs on hive don't have to start from scratch. With this post, I share status update on hive-react-kit by providing details on completed components followed by screenshots.

๐Ÿ—๏ธ Implemented CommunityDetails Component

Weโ€™ve built something sweet for the Hive front end! ๐Ÿฏ

The new CommunityDetails component comes loaded with 4 power-packed tabs:

  • ๐Ÿ“ Posts
  • โ„น๏ธ About
  • ๐Ÿ‘ฅ Subscribers
  • โšก Activities

API Integrations:
list_subscribers, get_accounts, get_ranked_posts, account_notifications

Enhancements:

  • Refactored to use PostFeedList for posts.
  • Updated PostFeedList to always show the sort dropdown via showSortDropdown = true prop. Because sorting should never hide! ๐Ÿ˜‰

๐Ÿ–ผ๏ธ Sneak Peek โ€” CommunityDetails in Action!

image
image
image
image
image
image
image
image
image


๐Ÿ’ฅ Improvements โ€” Post Feed List (Trending / New / Hot)

Paging, fetching, and scrolling now smoother than ever ๐Ÿƒ

Key upgrades:

  • ๐Ÿ”„ Pagination Support via start_author and start_permlink โ€” keeps fetching until the hive runs dry ๐Ÿ
  • โœณ๏ธ Added states: hasMore, loadingMore, observerRef
  • โ›๏ธ Enhanced fetchPosts: handles both fresh loads and infinite scroll appends
  • โณ โ€œLoading more postsโ€ฆโ€ indicator while paging
  • ๐Ÿ” Reset pagination when the sort changes
  • ๐Ÿ’ก Invisible sentinel for intersection detection = seamless scroll loading

๐Ÿงฎ FollowerList Component โ€” The Hive Math Squad is Here! ๐Ÿง 

Say hello to the responsive FollowersList component, complete with:

  • ๐Ÿ“ฑ Dual layouts: Desktop table view & Mobile card view
  • โšก HP calculation using vesting shares + blockchain data
  • ๐Ÿ’ฒ Vote value in USD (because hive power = real power!)
  • ๐Ÿ—“๏ธ Smart date handling โ€” relative or absolute depending on context
  • ๐Ÿ’… Fully responsive & mobile-friendly design

Also added to demo page with props and expanded user type support! ๐ŸŽจ


๐Ÿซถ FollowingList Component โ€” Friends, Everywhere! ๐ŸŒ

Built on the FollowerList foundation, because who doesnโ€™t love consistency? ๐Ÿ˜„

Now featuring:

  • ๐Ÿ‘ค Table & card layouts (desktop vs mobile)
  • ๐ŸŒ Details include avatar, username, location, about, last post, HP, and vote values
  • โš™๏ธ Dropdown menu: Add/Remove from lists & Unfollow options
  • ๐Ÿ’ป Responsive design for all devices
  • ๐Ÿงฉ Event callbacks for:
    onClickAuthor, onClickAddRemoveFromLists, onClickUnfollow

๐Ÿ“š Docs, Docs, Docs! ๐Ÿงพ

You asked, we delivered!
Comprehensive documentation added for both FollowersList and FollowingList:

  • docs/FollowersList.md and docs/FollowingList.md โ€” complete with examples & props.
  • ๐Ÿ’ก Accessibility, performance, and styling sections included
  • ๐Ÿ” Error handling & responsive design best practices
  • ๐Ÿ’ป Real usage examples with integration scenarios

๐Ÿ”ฅ New ActivityList Component โ€” Hive in Motion! โšก

A brand new ActivityList component that gives you the full story of user actions:

  • โ™พ๏ธ Infinite scrolling for non-stop hive action
  • ๐Ÿ” Filters by direction, type, or reward
  • ๐Ÿ—‚๏ธ Search for any specific activity
  • ๐Ÿ”“ Expandable activity details
  • ๐ŸŒ— Fully responsive with dark mode support!

๐ŸŒˆ Preview Images

Take a peek at the action ๐Ÿ•ต๏ธโ€โ™‚๏ธ
Screenshot 2025-10-14 at 11.16.38 AM
Screenshot 2025-10-14 at 1.53.06 PM
Screenshot 2025-10-14 at 1.52.53 PM
Screenshot 2025-10-14 at 3.30.35 PM
Screenshot 2025-10-14 at 3.30.45 PM
Screenshot 2025-10-14 at 7.00.46 PM
Screenshot 2025-10-14 at 7.00.34 PM


๐Ÿ Wrapping Up

This release is packed with UI upgrades, React magic โš›๏ธ, and smooth data handling.
Each component was optimized for performance, accessibility, and Hive-specific APIs.

Canโ€™t wait to see community devs buzz around with these new tools! ๐Ÿง‘โ€๐Ÿ’ปโœจ
Stay tuned for more enhancements soon โ€” Hive React Kit is getting stronger with every commit! ๐Ÿงฑ๐Ÿš€


๐Ÿฆพ Power-Up the Hive! ๐Ÿš€๐ŸŒ’

  • ๐Ÿ’ช Making Hive stronger, one bug at a time!
  • ๐Ÿง™โ€โ™‚๏ธ Open-source wizards, your code = my spellbook
  • ๐Ÿš€ Hive rocket โ†’ MOONโ€ฆ unlimited upvotes incoming! ๐ŸŒš

๐Ÿ™Œ Support, Laughs & Good Vibes

  • Found a bug? Smack it with an UPVOTE ๐Ÿž
  • Want more Hive magic? Vote me as Hive Witness ๐Ÿง™โ€โ™‚๏ธ
  • Jokes, tips, Hive-loveโ€”send them my way โค๏ธ

Until next timeโ€”BYEEE ๐Ÿ‘‹๐Ÿš€


๐Ÿ“ Final Note


๐Ÿš€ My Contributions to โ™ฆ๏ธ Hive Ecosystem

ContributionToHiveEcosystem
Hive Witness NodeHive API Node3Speak Video Encoder Node Operator (highest number of nodes)3Speak Mobile App Developer
Podcast App Developer3Shorts App Developer3Speak Support & Maintenance TeamDistriator Developer
CheckinWithXYZhReplierHiFindHive Donate App
Contributed to HiveAuth Mobile AppEcency โ†” 3Speak IntegrationEcency โ†” InLeo IntegrationEcency โ†” Actifit Integration
Hive Stats AppVote for Witness AppHiveFlutterKitNew 3Speak App

๐Ÿ™Œ Support Back

โค๏ธ Appreciate my work? Consider supporting threespeak@threespeak & sagarkothari88@sagarkothari88! โค๏ธ

VoteForWitness
sagarkothari88sagarkothari88@sagarkothari88
threespeakthreespeak@threespeak

Leave ๐Ÿš€ Hive React Kit Update โ€” A Buzzing UI Upgrade for the Hive Community ๐Ÿ to:

Written by

App Developer on Hive - Distriator, Check in With XYZ, 3Speak, HiveSuite.app.

Read more #hive posts


Best Posts From Sagar Kothari

We have not curated any of sagarkothari88's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From Sagar Kothari