Bitshares DEX Astro-UI performance benchmarks

in BitShares6 months ago (edited)

Since the launch of BunJS 1.0 I've been working on the implementation of a fresh Bitshares market user interface which interacts directly with the Bitshares BEET multiwallet.

It is being developed using Astro, ElysiaJS, Bun, React and ShadCN.

I posted about it on hive just over 2 weeks ago, and since then I've made significant progress on multiple pages which I want to share with you!

In that post, I made large claims about performance compared to the existing web wallet user inteface, referencing the following benchmarks:

image.png

image.png

So the question you should be asking is - have these high performance benchmarks actually translated to a higher performance Bitshares market user interface? Or is this just hype?

Decide for yourself!

marketSpeed.gif

image.png

poolSpeed.gif

image.png

These are chrome lighthouse benchmarks for the limit order market page and the pool exchange pages, they indicate a substantial performance improvement over the existing web wallet pages:

image.png

TL;DR: Yes the promised performance gains are REAL! From 200% to 300%+ improvements in performance, 100% perfect best practices scores and multiple seconds faster on most metrics!

There's still further optimizations to be made in terms of reducing the quantity of react re-renders, perhaps through the use of memoization and swapping useState for useRef and reducing the quantity of usEffects, but we're talking about achieving that final 1-3 points in terms of performance (lol!).

I'll be continuing to implement the core market functionalities in this new tech stack over the next few weeks.

If you're interested in these new technologies, check out their MIT licensed open source repositories:

New user interface repo: https://github.com/BTS-CM/astro-ui

New API repo for above UI: https://github.com/BTS-CM/beet_api

New package for above API repo: https://github.com/BTS-CM/bts-buntime

(Don't forget to hit the ⭐ button!)


These developments were brought to you by the NFTEA Gallery.
Consider collecting an NFTEA NFT to support continued Bitshares developments.

Don't have a Bitshares account? Make one today!