🚀 HiveReactKit Updates: A Buzzing Update from the Hive! 🐝💻

Hello Hive Community Members, In my [last post](https://peakd.com/hive-139531/@sagarkothari88/hive-daily-dapps-dev-updates-hivereactkit-experiments-dev-lols-and-next-level-hive-power), 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         --- ### 💻 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](https://hive-api.sagarkothari88.one/) | 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](https://distriator.com/) | | [CheckinWithXYZ](https://checkinwith.xyz/) | [hReplier](https://hreplier.sagarkothari88.one/) | [HiFind](https://hifind.the-hive-mobile.app/) | [Hive Donate App](https://donate.the-hive-mobile.app/) | | Contributed to HiveAuth Mobile App | Ecency ↔ 3Speak Integration | Ecency ↔ InLeo Integration | Ecency ↔ Actifit Integration | | [Hive Stats App](https://stats.the-hive-mobile.app/) | [Vote for Witness App](https://witness.the-hive-mobile.app/) | [HiveFlutterKit](https://hiveflutterkit.sagarkothari88.one/docs/intro) | [New 3Speak App](https://3speak.sagarkothari88.one/#/?tab=home) | --- ### 🙌 Support Back ❤️ **Appreciate my work? Consider supporting @threespeak & @sagarkothari88!** ❤️ | Vote | For | Witness | |------|-----|---------| | [](https://witness.the-hive-mobile.app/#/witnesses/@sagarkothari88) | [sagarkothari88](https://witness.the-hive-mobile.app/#/witnesses/@sagarkothari88) | @sagarkothari88 | | [](https://witness.the-hive-mobile.app/#/witnesses/@threespeak) | [threespeak](https://witness.the-hive-mobile.app/#/witnesses/@threespeak) | @threespeak |