I've recently been keeping you updated regarding the development of the Bitshares Astro UI which aims to provide the fastest Bitshares DEX interfaces possible!
I've been working on the following two pages recently:
- The credit offer page - Where you can find currently active Bitshares credit offers, by all, by compatibility and through a fuse search.
- The credit deal page - When the user has navigated to a credit offer, they are shown a form to proceed with the creation of a credit offer acceptance operation on the blockchain.
So, let's compare the performances!
Firstly, the credit offer overview page where users can find active credit offers:
An amazing lighthouse performance output!
Now onto the credit deal page, where the user can accept a credit deal to borrow assets:
Again, absolutely spectacular speeds reported by the lighthouse speed test!
Ok, cool, whatever, man.. but how does it compare to the existing reference UI? Huh?
Ouch, the reference UI is starting to show its' age..
We can compile this into a table for easier comparison:
| Page | Performance | Accessibility | Best practices | SEO |
|---|---|---|---|---|
| Astro Offers | 99 (253%) | 94 (122%) | 100 (147%) | 100 (142%) |
| Astro Deal | 100 (256%) | 89 (115%) | 100 (147%) | 100 (142%) |
| Ref Offers | 39 | 77 | 68 | 70 |
The percentage improvements over the reference wallet UI are shown alongside the astro figures. This has been highly worthwhile to work on, don't you think?
The development of the Bitshares DEX UI using Astro, React, ElysiaJS, ShadCN and BunJS continues to prove to be highly worthwhile!
Interested in checking out the code?
Don't forget to click the ⭐ button to like the github repos above!
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!