Content: Request Client Development Guides

[rakeden]

Issue/Problem

Recommendations and Example of various Clients and their respective implementation of Wallet Handling:
It's unclear to outline a recommended way of building your client side App, when all of the tooling is scattered around and sometimes lacks proper documentation.
A common place to start is usually UAL

Possible Solution

Client Framework

• React.js - SPA
• Vue.js - SPA
• Next.js - SSR
• Nuxt.js - SSR

Main Scope is to focus the tooling on a broad developer Audience

Code Bundlers
Commonly used bundlers, such as:

• Webpack
• Vite
• rollup/alternatives

There's hurdles now, which we can elaborate on while providing examples. Especially some polyfills needed for Buffer and global namespace, which @includenull mention earlier this week on TG:

Lack of pollyfills and bad documentation don't make it easy to use a lot of these "web3" packages with newer versions of React. So I hope these will give people a jump start.

Wallet & Wallet Adapters

• ual-wax
• ual-anchor
• ual-wombat
• ual-ledger
• others

A Simple example in different implementations is a must and shall cover the following features:

• Authenticate a wallet
• Display Basic Wallet info, e.g. balance, stake, ...
• Simple Form to transact 0.0001 U to someone
• Query custom token balance
• Authentication Session & clearing

Additional context

https://github.com/EOSIO/ual-eosio-reference-authenticator
https://github.com/eosdac/ual-wax
https://github.com/greymass/ual-anchor
https://github.com/pinknetworkx/ual-wombat
https://github.com/EOSIO/ual-ledger
... starteos & scatter

https://github.com/EOSIO/ual-reactjs-renderer
https://github.com/EOSIO/ual-plainjs-renderer

Examples:
https://github.com/includenull/wax-ual-demo-cra
https://github.com/includenull/wax-ual-demo-vite