🚀 HiveReactKit Updates: A Buzzing Update from the Hive! 🐝💻
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.tsxfile. - 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
💻 More UI Love
Time for some sweet visuals of the polished UI upgrades! 🎨💫
🛠️ 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 
| Vote | For | Witness |
|---|---|---|
| sagarkothari88 | @sagarkothari88 | |
| threespeak | @threespeak |