π 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 @threespeak &
@sagarkothari88! β€οΈ
| Vote | For | Witness |
|---|---|---|
| sagarkothari88 | ||
| threespeak |
Leave π HiveReactKit Updates: A Buzzing Update from the Hive! ππ» to:
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
- HiveReactKit Dev Update: Smart @Mentions, Composer Intelligence & Improved In-App Navigation
- HiveSuite Dev Update: Bookmarks, Backend Improvements & Development Workflow Enhancement
- HiveSuite Dev Update: Advanced Bookmark System & Video Progress Experience.
- HiveSuite Dev Update: Reward Popup Accuracy, Translation Fixes & Video Progress Improvements
- HiveReactKit Dev Update: Universal Bookmarking & Improved Draft Management
- HiveReactKit Dev Update: Translation Controls, Mobile Safe Areas & IPFS Media Rendering
- HiveSuite Dev Update: Push Notifications, Scheduling Improvements & Draft Reliability
- HiveSuite Dev Update: Drafts Workspace, Scheduled Posts & Push Notification Support
- HiveSuite Dev Update: Community Subscription Integration, Comment Media Fixes & Faster Local Develop
- HiveSuite App & HiveReactKit Development Update for today