πŸš€ HiveReactKit Updates: A Buzzing Update from the Hive! πŸπŸ’»

@sagarkothari88 Β· 2025-10-15 04:30 Β· HiveDevs

Hello Hive Community Members,

In my last post, we talked about hive-react-kit package that we are building. 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.


βœ… Completed Components

🎯 Activity History & Transaction History

  • Both ActivityHistory and TransactionHistory components are now fully functional and bug-free! πŸͺ²βœ…
  • Fixed UI layout issues for smoother rendering.
  • Added user avatars and author profile pics πŸ§‘β€πŸŽ€ next to titles.
  • Integrated both components in the main index.tsx file.
  • Activities (posts, comments, replies) now render with proper markdown, images, and clickable links 🌐 β€” no more ugly HTML!
  • Added expand/collapse functionality to ActivityHistory πŸ”½.
  • Updated ExternalLink button to open posts directly in peakd.com 🏝️ like this:
    https://peakd.com/@${activity.author}/${activity.permlink} (opens in new tab πŸšͺ).
  • Fixed link overflow issues in ActivityHistory πŸ’….

🧠 Proposals List Component

The Proposals List Component is now live and polished like honey-glaze! 🍯

  • Calculates accurate vote values using database_api.list_proposal_votes.
  • Updated proposal interface with all necessary fields.
  • Added URL and Stats icons πŸ“Š below date lines for quick access.
  • Fully responsive design for mobile screens πŸ“±.
  • Optimized API calls (fetch all proposals once on mount 🧠).
  • Added comma-separated numbers for better readability 🧾.
  • Shows expired proposals in bright red β€œExpired” badges πŸ”΄.
  • Combines info from stats.hivehub.dev for full transparency πŸ”.
  • Hides 'Paid' field for expired proposals.
  • Improved sorting + filtering logic and added upcoming proposals section with a short summary. πŸ—“οΈ

πŸ“° Blog Feed List

All new Feed List Components are up and running! πŸ’₯

  • Implemented Trending, Hot, and New feed lists. πŸ”₯πŸ’₯🌱
  • Built a dynamic PostFeedList with 7 callback props
    (onAuthorClick, onPostClick, onCommunityClick, onPayoutClick, onUpvoteClick, onCommentClick, onReblogClick).
  • Added Post Feed tab to Index page 🧭.
  • Enabled single-row layout for mobile πŸ“± with thumbnail optimization.
  • Removed unwanted HTML tags 🧹 from post descriptions.
  • Added image switching for clickable thumbnails πŸ–ΌοΈ.
  • Images optimized via Hive’s 320px resize service – faster, lighter, cleaner πŸ’¨.
  • Sweet responsive design, contrast-checked, and accessible UI! πŸ§‘β€πŸ’»

🌈 Sneak Peek Screenshots

image
image
image
image
image
image
image
image


πŸ’» More UI Love

Time for some sweet visuals of the polished UI upgrades! πŸŽ¨πŸ’«

Screenshot 2025-10-13 at 4.22.23β€―PM
Screenshot 2025-10-13 at 4.22.38β€―PM
Screenshot 2025-10-13 at 6.51.20β€―PM
Screenshot 2025-10-13 at 6.52.57β€―PM
Screenshot 2025-10-13 at 6.49.55β€―PM
Screenshot 2025-10-13 at 6.49.41β€―PM


πŸ› οΈ What’s Next?

  • Adding pagination and filtering to blog feeds πŸ”
  • Improving proposal data caching for smoother performance βš™οΈ
  • Integrating notifications for new activities in user timeline πŸ””

β€”

✨ Every line of code and pixel is tuned for the Hive community's best experience!
Thanks for supporting HiveReactKit ❀️‍πŸ”₯

🐝 Stay tuned for more Hive awesomeness!


🦾 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 @threespeak & @sagarkothari88! ❀️

Vote For Witness
sagarkothari88 @sagarkothari88
threespeak @threespeak
#hive #dev #hiveproject #india #neoxion #reactjs #opensource #hivereactkit #pizza #waiv
Payout: 0.000 HBD
Votes: 220
More interactions (upvote, reblog, reply) coming soon.