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
PostFeedListfor posts. - Updated
PostFeedListto always show the sort dropdown viashowSortDropdown = trueprop. Because sorting should never hide! 😉
🖼️ Sneak Peek — CommunityDetails in Action!
💥 Improvements — Post Feed List (Trending / New / Hot)
Paging, fetching, and scrolling now smoother than ever 🍃
Key upgrades:
- 🔄 Pagination Support via
start_authorandstart_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.mdanddocs/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 🕵️♂️
🐝 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
- I asked perplexity to help optimize this post to make it more readable and viewer-friendly.
- Here is the link where you can find both original content & improvements made by AI
- https://www.perplexity.ai/search/505a9c08-44f2-4d3a-9dca-be6fdfb99910
🚀 My Contributions to ♦️ Hive Ecosystem
| Contribution | To | Hive | Ecosystem |
|---|---|---|---|
| Hive Witness Node | Hive API Node | 3Speak Video Encoder Node Operator (highest number of nodes) | 3Speak Mobile App Developer |
| Podcast App Developer | 3Shorts App Developer | 3Speak Support & Maintenance Team | Distriator Developer |
| CheckinWithXYZ | hReplier | HiFind | Hive Donate App |
| Contributed to HiveAuth Mobile App | Ecency ↔ 3Speak Integration | Ecency ↔ InLeo Integration | Ecency ↔ Actifit Integration |
| Hive Stats App | Vote for Witness App | HiveFlutterKit | New 3Speak App |
🙌 Support Back
❤️ Appreciate my work? Consider supporting 
| Vote | For | Witness |
|---|---|---|
 | sagarkothari88 | |
 | threespeak | |